CSS3有transition、transform这些属性，它们是用来移动元素过渡元素之类的。

transform是什么？

它使元素变形，改变，转换

它有哪些常用属性？

1.rotate

元素的旋转 单位：deg（度）

例子：.a{transform:rotate(10deg)}

2.scale

元素的倾斜 单位：deg（度）

例子：.a{trasform:skew(20deg)}

3.scale

元素按比例缩放 缩小为负数

例子：.a{transform:scale(1.5)}.b{transform:scale(-3)}

4.translate

元素的位移 单位px

例子：.a{transform:translate(120px,10px)}

5.origin

改变元素的中心点

例子：.a{transform-origin:20% 50%}

transition属性

以动画效果使元素平滑过渡

1.transition-property

设置 要过渡的属性 all是全部

例子：.a{transition-property:with}

2.transition-duration

指定元素转换过程的持续时间，默认是0

例子：.a{transition-durantion:5s}

3.transition-timing-function

指定元素的动画曲线

例子：.a{transition-timing-function:ease | linear | ease-in | ease-out | ease-in-out }

4.transition-delay

指定动画延时时间

例子：.a{transition-delay:0.5s}