在javascript动画加载之前试图隐藏HTML页面（超级新版本）

Question

我知道你在想什么，而不是这个，对吧？

这里是我的网站：http://mydesignfeti.sh/

正如你会看到浏览器加载体&所有然后对其内容的JavaScript动画负载。我只需要动画就可以加载，而无需事先查看内容。如果您缺乏想象力，只需刷新页面或点击左上角的徽标即可查看我希望如何加载页面。

我试着用javascript切换容器div的类显示，但显然我做错了。

对此提出建议？答案？笑？
在此先感谢。

Answer 1

在html中设置容器div属性style="display: none;"，这会隐藏html元素，直到javascript动画被加载。

Answer 2

我不是超级熟悉与Adobe边缘是如何工作的，但其基本思想是你将需要：

1. 让您最初的HTML/CSS动画的基本状态相匹配。

2. 隐藏你的动画的div initally，使用CSS display: none，并且滑动他们回到屏幕上之前添加第二个状态，以动画来显示所有的元素（如display: block）。