如何停止css动画

我试图用

：hover

停止动画，但无论我尝试什么，它都不起作用。我尝试了

动画播放状态：暂停

和其他技巧，这已经困扰了我大约4天了

这是我的代码和一个不起作用的示例

.circle:hover{
     transform: scale(2,2);
     margin:auto;
     -webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
    animation-play-state: paused;
}

---

悬停时动画必须停止，不悬停时动画必须继续我让它变大了，但就是这样

你在

圆圈：之前应用了动画，因此如果你想暂停动画，你必须将其编码为：

.circle:hover:before{动画播放状态：暂停；}

它会对你有用的。请在此处查看您的答案。
这是正确答案，希望发布相同的答案；]如果我要求不多，你知道如果我在一个圆圈上盘旋，我怎么能阻止所有的圆圈吗？@jonny是的，这是可能的。您可以在css样式表中添加一个新类
css\u pause
，并在JQuery
mouseenter
和
mouseout
上切换它。