css3中的动画如何实现

创建动画：@keyframes规则。方式一：from{属性：值;}  to{属性：值;}

创建动画方式二：0%{属性：值;} 100%{属性：值;}0% 是动画的开始，100% 是动画的完成。可以在二者之间加入25%，50%等。

将动画绑定到选择器：在样式中，设置动画属性animation，自定义动画名称和时长。animation：动画名  时长；此时就可以完成一个简单的动画了，要进行更多设置还需要其他属性。

规定动画开始时的等待时间：animation-delay：时间；可以为秒、毫秒2s，2ms。

播放次数：animation-iteration-count：次数；永久播放的值取infinite。

动画速度曲线：animation-timing-function：变化类型；变化类型有：linear 匀速；ease-in 开始慢；ease-out 结束慢；ease 动画有一个缓慢的开始，然后快，结束慢。