如何在网站打开时启动css效果

Question

我想在网站打开时启动我的css3效果。我心中没有任何特殊的影响。我只需要了解如何在页面打开时激活效果？

Answer 1

我用于在加载时淡入所有元素的webkit示例： http://jsfiddle.net/efortis/7PyRL/

* {
      -webkit-transition: all .5s;
      -webkit-animation-name: myfading;
      -webkit-animation-duration: .8s;
}

@-webkit-keyframes myfading {
      from {
            opacity: 0;
            -webkit-transition: opacity;
      }
      to {
            opacity: 1;
      }
}

Answer 2

一般技术是将CSS3过渡到所需的属性，然后在页面加载时使用Javascript onload来更改这些属性。通过这种方式，它可以在所有浏览器的当前版本中使用。