1、div上hover时,animation-play-state:running;
2、但鼠标从div上移开时,不知如何将状态切换到paused,看不出有执行animation-play-state:paused的地方。感觉CSS3的动画实现逻辑(状态切换)有些不好理解!
是span标签那里设置暂停。
在你需要执行animation-play-state:paused的div或者元素那里设置。
如果你设置了暂停,那么在hover里设置鼠标悬停效果设置running。ok
以上都设置了就可以在运行时鼠标划过div时动画就动了。移开就暂停了