css - 网站打开时如何启动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 转换为您想要的属性，然后在页面加载时使用 Javascriptonload来更改这些属性。这样它就可以在所有浏览器的当前版本中工作。