使用 Javascript 处理 css3 关键帧

Handle css3 keyframes using Javascript

本文关键字：关键帧 css3 处理 Javascript 使用      更新时间：2023-09-26
@-webkit-keyframes bb{
    from{
        -webkit-transform:translate(0px,0px);
    }
    to{
        -webkit-transform:translate(0px,-100px);
    }
}

如何使用 javascript 动态更改translate值并添加rotate属性？

从阅读规范来看，您似乎无法通过简单地更改属性来直接更改动画样式，您必须调用一些规则操作方法，因此我认为它将是这样的：

bb.deleteRule( 0 | 1);
bb.insertRule( MyNewRule );

其中 MyNewRule 是一个以 0 或 1 开头的字符串，具体取决于您是要更改 from 还是 to 规则，字符串的其余部分是样式声明，显然您必须首先构造它。

但我对规范的阅读可能与其他任何人一样好或一样坏

更新：更好，更全面的答案

相关文章：