hover-stay-time 这个属性实际是编译成什么代码

发布于 7 年前作者 xiulankang7586 次浏览最后编辑 7 年前来自 ask

我想实现点击产生水波纹的效果。

如果用伪类 :active 实现,只会在点击那一下有效,手指一离开效果直接没了。没有按照设定时长来完成动画效果。

然后我发现有个hover-class 属性可以提带 :active ,还有 hover-stay-time 这个属性来让动画效果保留一段时间。

但用hover-class又无法实现:active 长按的水波纹效果,实在有点纠结。

1 回复
yong04
yong041 楼5 年前

hover-class 是按下后添加什么类名

hover-start-time 是按下后几毫秒添加类名

hover-stay-time 是松开后几毫秒移除类名

完全可以实现:active可实现的效果呀