2d转换：改变元素形状，尺寸和位置。关键词transform

       1.translate():位置偏移，括号内两个数值代表水平（x轴）和垂直（y轴）。

       2.rotate():旋转，角度正数时为顺时针旋转，负数时为逆时针旋转。

      3.scale();扩大或缩小，1为基数，小于1时是缩小，大于1时是扩大。

      4.skew():翻转。

过渡：过渡有两个关键，一个是需要变化的样式，另一个是过渡时间。关键字transition。

动画，@keyframes规则是创建动画，规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。

      当在 @keyframes 创建动画，把它绑定到一个选择器，否则动画不会有任何效果。指定至少这两个CSS3        的动画属性绑定向一个选择器：规定动画的名称和时长。