用css3我们可以设置一些动画，动画是使元素从一种样式逐渐变化为另一种样式的效果。缬方焱蜱一般浏览器支持@娱浣嫁装keyframes规则和animation属性。当浏览器不支持时，可以加前缀-webkit-,-ms-或-moz-。下面介绍css3中的动画是如何使用的。
方法/步骤
1、创建动画：@keyframes规则。方式一：from{属性：值;}to{属性：值;}
2、创建动画方式二：0%{属性：值;}100%{属性：值;}0%是动画的开始，100%是动画的完成。可以在二者之间加入25%，50%等。
3、将动画绑定到选择器：在样式中，设置动画属性animation，自定义动画名称和时长。animation：动画名时长；此时就可以完成一个简单的动画了，要进行更多设置还需要其他属性。
4、规定动画开始时的等待时间：animation-delay：时间；可以为秒、毫秒2s，2ms。
5、播放次数：animation-iteration-count：次数；永久播放的值取infinite。
6、动画速度曲线：animation-timing-function：变化类型；变化类蕞瞀洒疸型有：linear匀速；ease-in开始慢；ease-out结束慢；ease动画有一个缓慢的开镫炜茛玳始，然后快，结束慢。
