transform，transition，animation的理解

1.translate是transform的一个属性，他是控制距离顶部和左边的距离，另外transform还有skew（x，y）属性扭曲变形，rotate（x，y），scale() 放大或缩小，根据给定的宽度（X 轴）和高度（Y 轴）参数： scale(2,4)

2.transition是依据改变某个属性值来修改改变过程中的状态， transition:width 2s;意思就是当width改变的时需要两秒的过度时间，transition的属性还有

（1）执行变换的属性：transition-property；

（2）变换延续的时间：transition-duration；

（3）在延续时间段，变换的速率变化：transition-timing-function  //例:平缓进入、先快后慢；

（4）变换延迟时间：transition-delay。

3.animation和transition差不多区别在于

1.Animation可以通过keyframe显式控制当前帧的属性值，而Transition只能隐式来进行

（不能指定每帧的属性值），所以相对而言Animation的功能更加灵活；

2.Animation通过模拟属性值改变来实现动画，动画结束之后元素的属性没有变化；而Transition确实改变了元

素的属性值，动画结束之后元素的属性发生了变化；这一点，这在实际应用中会产生很大的区别。

3.animation可以自动触发，而transition需要动作才能触发