javascript - 在运行时更改 css 关键帧属性

Question

我有一个简单的关键帧动画，它会长出一个点并将背景变成蓝色。如何动态更改此背景颜色？

@keyframes growDot {  
    100% {
        background-color: #23b7e5;
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
}

显然，$('keyframes growDot').css("background-color", "#FF00B0"); 之类的东西不起作用。

Answer 1

您不能使用 jQuery 定位/修改 CSS 类。但是，您可以添加一个新类来覆盖现有类。

$("[your selector]").addClass("[class that overrides growDot");

话虽如此，这种做法似乎有点不对。正如其他人所建议的那样，最好更改 div 本身的背景，独立于 .growDot 类。