javascript - 使用 Javascript 处理 css3 关键帧

Question

@-webkit-keyframes bb{
    from{
        -webkit-transform:translate(0px,0px);
    }
    to{
        -webkit-transform:translate(0px,-100px);
    }
}

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

Answer 1

来自阅读the spec ，看起来你不能通过简单地改变一个属性来直接改变动画风格，你必须调用一些规则操作方法，所以我认为它会是这样的:

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

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

但我对规范的阅读可能和其他人一样好或一样差

更新:A MUCH BETTER AND MORE COMPREHENSIVE ANSWER