CSS3 动画
CSS3 动画 通过CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash动画以及Javascript。 CSS3 @keyframes规则 如果在CSS3中创建动画，你需要学习@keyframes规则。 @keyframes规则用于创建动画。在@keyframes中规定某项CSS样式，就能创建有当前样式逐渐改为新样式的动画效果。 浏览器支持 属性 浏览器支持 @keyframes animation IE10、Firefox以及Opera支持@keyframes规则和animation属性。 Chrome和Safari需要加前缀-wekit-. 注释：IE9,以及更早的版本，不支持@keyframe规则和animation属性。 CSS3 动画 当你在@keyframes中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。 通过规定至少一下两项CSS3动画属性，即可将动画绑定到选择器： 规定动画的名称 规定动画的时长 把‘myfirst’动画绑定到div元素，时长：5s: @keyframes myfirst { from { background:red; } to { background:blue; } } div.keyframesOne { animation:myfirst 5s; width:100px; height:100px;