css3 禁止播放动画 |html图片轮播用css

为了实现这一目的，大家可以使用CSS3中的animation-play-state属性。它允许大家控制动画的播放状态。如果你将animation-play-state属性设置为paused，则会暂停动画。

.button:hover {
animation: myAnimation 2s infinite;
animation-play-state: running;
}
.button:hover:active {
animation-play-state: paused;
}

如上面的代码片段所示，当鼠标悬停在按钮上时，该按钮的动画将开始，并且当按钮被激活时，按钮的动画将暂停。这样，就可以防止页面动画太快，同时让用户能够在需要的时候触发按钮的动画效果。

总之，CSS3的animation-play-state属性是一个非常有用的工具，可以帮助大家控制动画在页面中的播放状态。如果你需要禁用某个元素的动画效果，那么使用animation-play-state属性就是一个不错的选择。