css3动画 - 麻烦理解css属性

问题描述：

我的CSS动画有延迟。我想立即开始动画。试图改变下面的一些值，但无法取得结果。css3动画 - 麻烦理解css属性

.wpb_start_animation.wpb_appear { 
animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running wpb_appear; 
}

感谢。

页面仍在“加载”，因此动画被延迟。 – Kyslik 2014-12-07 16:15:14

这里没有延迟。尝试Chrome开发工具，找到“.wpb_start_animation.wpb_appear”并尝试检查/取消选中“webkit-animation”属性。没有延迟。原因是别的。 – 2014-12-07 16:16:57

我实际上是在GCH开发工具中检查，并且我得到了300ms的页面加载（只是为了“下载”页面）我在欧洲（并且具有良好的互联网连接）。请参阅http://i.stack.imgur.com/PqQdk.png – Kyslik 2014-12-07 16:18:35

答

动画只能由jQuery启动。因此，直到jQuery加载完毕，你才会看到任何东西。

尝试将.wpb_start_animation直接添加到您的容器，而不是.wpb_animate_when_almost_visible类。