Javascript 如何创建一个无限放松的CSS动画循环？

当弹出窗口准备好接收可拖动元素时，我想设置其边框的动画，即类为“accepting”。我已经在动画中创建了一个有限的轻松，这给了边框一个漂亮的蓝色发光效果。这是可以的，但理想情况下，我希望在弹出窗口具有“接受”类的同时，在无限循环中轻松进出。这是我的密码

if(popup.hasClass('accepting')) {
   popup.css({
          '-webkit-transition': 'all 0.3s ease-in-out',
          'outline': 'none',
          'padding': '3px 0px 3px 3px',
          'margin': '5px 1px 3px 0px',
          'box-shadow': '0 0 5px rgba(81, 203, 238, 1)',
        })
}

我在这里看到一些线程提出了类似的问题，但解决方案涉及使用@webkit keyframes选择器，我认为我不能在.css（{}）jQuery方法中包含额外的选择器。有没有一种更简单的方法可以在我的JavaScript代码中实现

Thx u

---

-Gaweyne

您必须将CSS动画与

动画迭代计数：无限


比如：

@keyframes glow{
    100% {
        outline: none;
        padding: 3px 0 3px 3px;
        margin: 5px 1px 3px 0;
        box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    }
}
.glow-border {
    animation-name: glow;
    animation-duration: 0.35s;
    animation-timing-function: ease-in-out;
    animation-iteration-count:infinite;
}

更改代码：

if(popup.hasClass('accepting')) {
   popup.addClass('glow-border');
}

请在上查看CSS动画文档，不要忘记为其添加前缀。
不，这不起作用，以前尝试过类似的方法。但是当然，我根本不需要在JavaScript:s中使用条件，我可以在单独的样式表中使用.accepting{}选择器来实现。我将在其他地方查看较长的解决方案，看看它们是否有效。谢谢你比我快了几秒钟。现在得到了类似的东西，但是谢谢你的回复。