为一个元素在不同状态之间切换的时候定义不同的过渡效果。比如在不同的伪元素之间切换,如 :hover, :active 等。
CSS 属性
对应 CSS 属性名 transition,详细说明可参考 transition 属性。
说明
每个元素可添加多个过渡效果,每个过渡效果可设置不同的影响范围以及过渡效果参数。
配置选项
影响范围
String
指定应用过渡属性的名称。对应 CSS 属性名 transition-property,详细说明可参考 transition-property 属性。
持续时长
Number
属性以秒为单位指定过渡动画所需的时间。对应 CSS 属性名 transition-duration,详细说明可参考 transition-duration 属性。
延时
Number
设置过渡效果开始作用之前需要等待的时间。对应 CSS 属性名 transition-delay,详细说明可参考 transition-delay 属性。
动画曲线
Select
设置动画运动的曲线。对应 CSS 属性名 transition-timing-function,详细说明可参考 transition-timing-function 属性。