CSS中有哪些方式实现动画？
一.transition:定义了元素在变化过程中是怎么样的
包含了:
1.transition-property: 接要改变的属性，如width,height,all等;
2.transition-duration: 定义了过渡效果花费的时间;
3.transition-timing-function: 规定过渡效果的时间曲线。默认是 “ease”;
4.transition-delay: 规定过渡效果何时开始。默认是 0 ;
……
实现过渡动画必须满足俩点
1.指定要添加过渡效果的CSS属性（或者all）
2.指定过渡效果的持续时间
（注：在实现过渡动画时，transition才是实现过渡动画的关键，transform只是一个css转换属性。）
二.transform:定义了元素的变化的最终结果
包含了:
1.translate(x,y):定义 2D 转换，沿着 X 和 Y 轴移动元素;
2.translateX(n):定义 2D 转换，沿着 X 轴移动元素;
3.translateY(n):定义 2D 转换，沿着 Y 轴移动元素;
4.scale(x,y):定义 2D 缩放转换，改变元素的宽度和高度;
5.rotate(angle):定义 2D 旋转，在参数中规定角度;
6.skewX(angle):定义 2D 倾斜转换，沿着 X 轴;
7.translate3d(x,y,z):定义 3D 转;
8.scale3d(x,y,z):定义 3D 缩放转换;
……
三.animation:动画定义了动作的每一帧(@keyframes)有什么效果
包括:
1.animation-name:规定@keyframes 动画的名称;
2.animation-duration:规定动画完成一个周期所花费的时间（秒或毫秒），默认是0;
3.animation-timing-function:规定动画的速度曲线，默认是’ease’;
4.animation-delay:规定动画何时开始，默认是0;
5.animation-iteration-count:规定动画播放的次数，默认是1;
6.animation-direction:规定动画是否在下一周期逆向地播放,默认是 “normal”;
……
本文只列举了部分属性，了解更多的属性及属性值可查阅W3School的官方文档
