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