过渡属性transition

transition属性什么？CSS3的transition属性允许CSS的属性值在一定的时间时间段内平滑的过渡，这种过渡可以在鼠标滑过，点击等操作中触发，然后会以平滑的动画效果改变CSS的属性值。
下面我们简单介绍一下transition的语法：

1. transition-property； 用于检索或者设置对象中参与过渡的属性，当然，我们可以一次性设置多个属性，可以设置多个属性的宽高值，或者采用all这一默认值来代表所有属性；
2. transition-duration； 检索或设置对象过渡所持续的时间，其中，时间所采用的单位是s（秒）、ms（毫秒）；
3. transition-delay； 检索或设置对象的延迟过渡时间，简而言之就是让过渡在一段事件后开始，但是，此时的属性值可以采取负值，此时的作用则是让过渡提前开始；
4. transition-timing-function； 检索或设置对象中的过渡的动画类型，属性值有：linear（匀速）、ease（逐渐慢下来，这也是本属性的默认属性值）、ease-in（加速）、ease-out（减速）、ease-in-out（先加速后减速）。

当然，transition也有复合式写法，例如：transition：all 2s 1s linear；表示对象的所有元素将在一秒后进行两秒的匀速变换；还可以采用另一种写法：transition：2s linear 1s all；由这两种写法我们不难看出采用复合式写法时，过渡时间和延迟时间是不能互换位置的，第一个时间代表过渡时间，第二个时间代表延迟时间，最后还要我们注意的一点就是哪个元素发生变形，我们就把过度属性添加给谁，最好是添加在元素的初始效果。

逆战班