当前位置: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