transform属性介绍

transform属性是静态属性。它其实只是一个静态属性，需要配合transition和animation才能展现出动画效果。把它看成是跟left、top等属性一样，只是一个静态样式而已。Transform能主动开启浏览器的渲染加速，（即实现GPU的加速），能让动画展现的更加细腻。并且在实现动画的过程中，不会改变文档流的结构
Transition
它属性是一个简单的动画属性，非常简单非常容易用。可以说它是animation的简化版本，是给普通做简单网页特效用的。
当文档流有变化时才能实现过度效果
多个属性的过渡效果
方法一：-webkit-transition：<属性1><时间1>,<属性2><时间2>
方法二：-webkit-transition：<属性1><时间1>
-webkit-transition：<属性2><时间2>
Transition:<过渡属性名称><过渡时间><过渡模式>
Transition-timing-function
Ease 缓慢开始，缓慢结束
Linear 匀速
Ease-in 缓慢开始
Ease-out 缓慢结束
Ease-in-out 缓慢开始，缓慢结束（和ease稍有区别）