过渡
什么是过渡
好处:为 CSS 样式切换时添加过渡效果,增强网页交互体验
过渡:实际上是为元素样式发生改变时添加一种视觉效果
过渡时长
过渡时长:是指样式从一种状态变成另外一种状态所持续的时长,
以 s(秒)为单位,支持小数
语法:
transition-duration: 1s;
过渡延时
过渡延时:是指延迟执行样式的变化,同样以秒为单位
语法:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/71e659b36a771bf41796702e03184057.png)
作用:等 3秒后,再开始过渡效果
简而言之:就是等一会再执行过渡效果
过渡属性
l过渡属性:过渡效果 可以指定针对某个样式属性(默认是针对所有样式属性都生效)
语法:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d47dd075e152d3b74aeda62bf899ce7c.png)
过渡曲线
过渡曲线:指过渡效果执行过程中速度变化的曲线
语法: