尔游网

搜索

您的当前位置：首页移动端:active,:hover无法很好触发动画的解决方案_html/css

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

来源：尔游网

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

1:问题环境:

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

2:解决方案:

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

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

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

3：附上demo

Copyright © 2019- axer.cn 版权所有湘ICP备2023022495号-12

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务