hover样式不停地触发
让外层的元素触发伪类,里面的元素进行动画即可。
一般简单的动画效果都可以这样操作,父元素触发,子元素进行动画。
举个例子:
下面我想做一个倒三角,当鼠标移动上去,三角反转的效果。
这是刚开始的样子
这是鼠标移上去的样子。
然后html部分:
结果问题就出来了。就是当移动到一个临界点时,三角不停地闪动,因为截图不了,就没有放图了。
后来发现原因,像hover一般是给父类加hover,子类添加动画,所以html部分就稍加修改,如下图:
这样就能完美地实现三角地切换啦~~