笔记：CSS过渡transition属性

transition 属性是一个简写属性，语法如下：

transition: property duration timing-function delay;

默认值为： all  0  ease  0

1.transition-property(默认值为all)：规定设置过渡效果的css属性名称。

none：没有属性获得过渡效果。

all：所有属性都将获得过渡效果。

当值为指定的css属性应用过渡效果，多个属性用逗号隔开。

2.transition-duration(默认值为0 此时不会产生过渡效果)：规定完成过渡效果需要多少时间。 

时间的单位为秒或者毫秒。 

3.transition-timing-function(默认值为ease)：指定过渡函数，规定速度效果的速度曲线。 

ease：初始状态-->终止状态  由快到慢，逐渐变慢。

linear：初始状态-->终止状态  恒速。

ease-in：初始状态-->终止状态  加速状态，也称为渐显效果。

ease-out：初始状态-->终止状态  减速状态，也称为渐隐效果。

ease-in-out：初始状态-->终止状态  先加速后减速，也称为渐显渐隐效果。

4.transition-delay(默认值为0)：指定开始出现的延迟时间。单位为秒或毫秒。