过度Transition
1.什么是过度
使用css的属性值在一段时间内***平滑***的过度
比如,鼠标悬停后,背景色在1s内,由白色平滑的过度到红色。必须有触发事件 :hover
(1)指定四个要素
过度属性 如background、color等
过度所需时间
过度函数,即过度的速度、方式等
过度延迟时间,表示开始执行的时间
(2)触发过度
通过用户的行为触发,如点击、悬浮等
可以过度的属性:
颜色
取值为数值
阴影
转换
背景渐变
简写 all
过度的时间:
s ms
1s=1000ms
(3)速度变换类型
ease 默认值 先加速后减速效果
ease-in 加速效果
ease-out 减速效果
ease-in-out 先加速后减速的效果
linear 匀速
(4)延迟
s ms
css过度
最新推荐文章于 2024-04-09 12:02:27 发布