动画效果扔到你的style.css文件
@keyframes fade-in{0%{opacity:0;}
40%{opacity:0;}
100%{opacity:1;}} @-webkit-keyframes fade-in{0%{opacity:0;}
40%{opacity:0;}
100%{opacity:1;}}
丢到你要显示的容器名里面
#container{animation:fade-in;animation-duration:1s;-webkit-animation:fade-in 1s;}
浏览器支持
IE Firefox Chrome Safari Opera Internet Explorer 10、Firefox 以及 Opera 支持 animation-duration 属性。
Safari 和 Chrome 支持替代的 -webkit-animation-duration
