笔记:CSS过渡transition属性

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):指定开始出现的延迟时间。单位为秒或毫秒。

 

 

上一篇:transition过度


下一篇:适配器模式