过渡
CSS的属性值,在一段时间内平缓的变化
1、transition-property:
取值:(1)all,能使用过渡的属性,一律使用过渡体现
(2)具体的过渡属性名称
能够使用过渡的属性:颜色属性,取值为数字的属性,转换,阴影,渐变,visibility
2、transition-duration:设置时间
3、指定过渡时间曲线函数
transition-timing-function:
取值:
(1)ease 默认值,慢速开始,速度加快,慢速结束
(2)linear匀速
(3)ease-in 慢--快
(4)ease-out 快-慢
(5)ease-in-out 慢速开始,慢速结束,中间先加速后减速
4、指定过渡元素的延迟时间
transition-delay:
取值:以s为单位的数字
5、过渡属性编写的位置
(1)将过渡元素写在元素声明的样式中,有去有回
(2)将过渡放在触发的操作中(hover),只管去不管回
6、过渡的简写
transition: property duration timing-function delay;
最简洁方式:transition:duration