html 过度

过渡

什么是过渡

好处：为 CSS 样式切换时添加过渡效果，增强网页交互体验

过渡：实际上是为元素样式发生改变时添加一种视觉效果

过渡时长

过渡时长：是指样式从一种状态变成另外一种状态所持续的时长，
以 s（秒）为单位，支持小数
语法：

transition-duration: 1s;

过渡延时

过渡延时：是指延迟执行样式的变化，同样以秒为单位

语法：

作用：等 3秒后，再开始过渡效果

简而言之：就是等一会再执行过渡效果

过渡属性

l过渡属性：过渡效果 可以指定针对某个样式属性（默认是针对所有样式属性都生效）

语法:

过渡曲线

过渡曲线：指过渡效果执行过程中速度变化的曲线

语法:

属性值：

复合属性

语法:

注意：

• 默认对所有样式属性都应用过渡效果（all）
• 大部分样式属性支持过渡效果，但有些不支持，如：position、z-index
• 设置过渡时，除过渡时长不能省略，其它都能省略
• 设置过渡时，除过渡延时必须在过渡时长之后，其它没有顺序要求