CSS transition

一，过渡属性

1.transition用于属性过渡，即属性值改变前后有过渡效果。

2.注意，过渡属于一定要定义过渡前的属性和过渡后的属性，若过渡前属性未明确定义则不会产生过渡效果，如下，若过渡前width没有直接定义，则width不会产生过渡效果。

3.transition定义在那个类或者那个伪类等等选择上都无所谓，只要该选择器作用于标签元素则过渡效果都能生效。

二，子属性

1.transition-property: 定义过渡的属性，值为none时所有属性没有过渡效果，值为all，所有属性具有过渡效果，

2.transition-duration :定义完成过渡需要的时间，单位s || ms，

3.transition-timing-function: 定义过渡函数，指定时间曲线。

4.transition-delay: 定义指定延迟时间后开始。

三，改变多个过渡属性

1.改变指定的多个css属性的过渡效果时，使用逗号分开：

a{ transition: background 0.8s ease-in 0.3s,color 0.6s ease-out 0.3s;}