移动端:active,:hover无法很好触发动画的解决方案_html/css
来源：懂视网
责编：小采
时间：2020-11-27 16:03:05
移动端:active,:hover无法很好触发动画的解决方案_html/css
移动端:active,:hover无法很好触发动画的解决方案_html/css_WEB-ITnose:移动端:active,:hover无法很好触发动画的解决方案 1:问题环境: 用css3定义了一个动画,使用:hover伪类调用动画时在移动端不能很好的进行动画. 2:解决方案: 定义一个open类,满足open类的情况下触发动画 使用js事件去控制动画,当滑动的时候加上open类,然后
导读移动端:active,:hover无法很好触发动画的解决方案_html/css_WEB-ITnose:移动端:active,:hover无法很好触发动画的解决方案 1:问题环境: 用css3定义了一个动画,使用:hover伪类调用动画时在移动端不能很好的进行动画. 2:解决方案: 定义一个open类,满足open类的情况下触发动画 使用js事件去控制动画,当滑动的时候加上open类,然后
移动端:active,:hover无法很好触发动画的解决方案
1:问题环境:
用css3定义了一个动画,使用:hover伪类调用动画时在移动端不能很好的进行动画.
2:解决方案:
定义一个open类,满足open类的情况下触发动画
使用js事件去控制动画,当滑动的时候加上open类,然后延迟与动画相同的时间移除open类
这样就能很好的控制动画了
3：附上demo
移动端:active,:hover无法很好触发动画的解决方案_html/css
移动端:active,:hover无法很好触发动画的解决方案_html/css_WEB-ITnose:移动端:active,:hover无法很好触发动画的解决方案 1:问题环境: 用css3定义了一个动画,使用:hover伪类调用动画时在移动端不能很好的进行动画. 2:解决方案: 定义一个open类,满足open类的情况下触发动画 使用js事件去控制动画,当滑动的时候加上open类,然后
