相比较3D变形，CSS3动画的支持度更高。CSS3动画由两部分组成：首先是关键帧声明，然后是在动画属性中使用该关键帧声明。
可以设置多个关键帧选择器（用百分比定义）。可以把它们想象成时间轴上的点。
也可以使用关键词：等价于0%和100%的关键词：form，to。只是WebKit内核的浏览器对from和to的支持不是很好。起点一般就是这个属性所在的状态。
animation-fill-mode属性规定动画在播放之前或之后，其动画效果是否可见。none：不改变默认行为，forwards：当动画结束后，保持最后一个属性值。backwards:在animation-delay指定的时间内，动画开始前，应用的属性值。both:向前向后都被应用。
CSS3 动画效果
原文地址：https://www.cnblogs.com/wlxll/p/8461494.html