当前位置:Gxlcms > html代码 > 移动端:active,:hover无法很好触发动画的解决方案_html/css_WEB-ITnose

移动端:active,:hover无法很好触发动画的解决方案_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:40人阅读

移动端:active,:hover无法很好触发动画的解决方案

1:问题环境:

用css3定义了一个动画,使用:hover伪类调用动画时在移动端不能很好的进行动画.

2:解决方案:

定义一个open类,满足open类的情况下触发动画

使用js事件去控制动画,当滑动的时候加上open类,然后延迟与动画相同的时间移除open类

这样就能很好的控制动画了

3:附上demo

                                                            

人气教程排行