整页加载后启动css3动画

Question

任何人都知道如何在页面的其余部分完全加载(图像和所有内容)后启动css3动画？

我现在正在使用延迟来模仿它,但这不是我正在寻找的.

谢谢

彼得

Answer 1

这超出了CSS的范围,但使用JQuery非常简单

$(document).ready(function() {/*You code here*/ }

或者在这里阅读更多相关信息=> http://api.jquery.com/ready/

将动画代码放在一个类中,比方说.animation

然后使用JQuery .addclass()(http://api.jquery.com/addClass/)在要激活的元素上调用该类.

像这样的东西

   <script type="text/javascript">
    $(document).ready(function() {
    $("#element-to-animate").addClass("animation"); 
    });
   </script>