CSS3动画仅在创建页面后启动

我用CSS3建立了一个有很多动画的网站。设置动画的元素都将

位置

属性设置为

绝对

，容器的

位置

设置为

相对

。每个元素最初都有一个

top

和

left

值（通过

style

属性设置），但是当页面加载时，所有元素最初都会被设置为从

top:0px定义的位置；左：0px

。有没有一种方法可以让页面在开始时将元素放在所需的位置，而不首先对它们进行动画制作？

您的CSS动画在javascript之前就准备好了。我通常会在主体中添加一个类，这样我就知道它已经可以进行动画了

   window.onload = function(){
      document.body.className += " animated";
   }

然后在你的CSS中

.box {
  /* usual styles here*/
}

.animated .box {
  -prefix-animation: animationName duration ease; 
}

---

哦，狡猾的菲克斯，我喜欢