javascript - CSS 动画无限水平滚动条 - 鼠标悬停时暂停

Question

我找到了这个运行流畅的滚动条:

https://codepen.io/wschern/pen/grXwra

是否可以在鼠标悬停时暂停它？我试过 animation-play-state: paused;在几个元素上，但它不起作用。

.animation>div:hover{
  background: red;
  animation-play-state: paused;
}

谢谢!

Answer 1

使用这个CSS

.animation:hover>div{
   -webkit-animation-play-state: paused !important;
    -moz-animation-play-state: paused !important;
    -o-animation-play-state: paused !important;
     animation-play-state: paused !important;
}