加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
MooKwai块样式过渡

过渡

为一个元素在不同状态之间切换的时候定义不同的过渡效果。比如在不同的伪元素之间切换,如 :hover, :active 等。 CSS 属性 对应 CSS 属性名 transition,详细说明可参考 transition 属性。 说明 每个元素可添加多个过渡效果,每个过渡效果可设置不同的影响范围以及过渡效果参数。 配置选项 影响范围 String 指定应用过渡属性的名称。对应 CSS 属性名 tra…

文章目录

为一个元素在不同状态之间切换的时候定义不同的过渡效果。比如在不同的伪元素之间切换,如 :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 属性

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧