什么时候做CSS呈现？

Question

我想使用带有延迟不大不小的动画介绍，页面的其他日子的CSS过渡。加载后立即呈现css（在文档之前，如果完全加载/就绪）？如果是这样，我想以后的文件准备好类似的效果，我可以添加<link>标签。

Answer 1

在http://www.chapmansbuilding.co.uk/，我在整个内容中添加一个白色的大格与JS，然后做动画，然后取出股利。这意味着我可以保证剩下的内容被渲染，并在同一时间预装等。

确保您有JS添加它，否则网站将不无JS对用户可见，或者如果你的JS脚本由于某种原因失败。

Answer 2

据我可以从规格和其他文件告诉，过渡立即应用时，计算值的变化：

当一个 动画属性发生变化的计算值， 实现必须决定什么 转变到启动基于“过渡属性”， “过渡持续时间”， “过渡定时功能”，和 “过渡延迟”在 时间的动画的属性将属性的 值首先有其新的计算值。

From here

所以出现这种情况与hover或focus或其他一些事件。

如果你想你的过渡网页加载运行，你就需要使用一些JavaScript如下所示：https://developer.mozilla.org/en/css/css_transitions#Using_transition_events_to_animate_an_object

如果你担心的过渡发生得太快，你可以设置在JS的延迟。