CSS3过渡属性 是一种动画转换的过程,如渐现、渐弱、动画快慢等。
语法:transition:[transition-property transition-duration transition-timing-function transition-delay ]
1、property:指定的CSS3的属性如高度、宽度、背景颜色等,一般为了方便写all,支持所有样式。
2、duration:定义转换动画的时间长度,就是设定完成这个动画的时间。
值为0,过渡效果立即执行
值为正数,等到设置的数值描述结束开始过渡
3、delay:指定一个动画开始执行的时间,当改变元素属性值后多长时间去执行过渡效果.
4、timing-function:过渡动画函数
值 | 说明 |
linear | 规定从开始到结束以相同速度过渡 |
ease | 规定以慢速开始,然后加速,最后以慢速结束 |
ease-in | 规定以慢速开始的过渡 |
wase-out | 规定以慢速结束的过渡 |
ease-in-out | 规定以慢速开始,慢速结束 |