1. transition：用于指定元素过渡动画效果。
它可以使元素在两种状态之间的平滑过渡。不同状态可以用:hover 、:active之类的伪元素来定义，或者使用JavaScript动态设置。
transition: property duration time-function delay;
2. transform：对一个元素进行移动、旋转、缩放或倾斜。
1. transform: translate( x, y ); 移动
2. transform: scale(<number> [, <number>]?); （水平方向或垂直方向的缩放）
3. transform: rotate(<angle>); 旋转
3. transform-origin
元素默认的变形原点为50% 50%，即元素的中心点位置。可以使用关键字，长度值或百分比值来指定变形原点的偏移位置。 值可以为：
[ left | center | right | top | bottom | <percentage> | <length> ]
