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规则，而字符串的其余部分是样式声明，显然您必须首先构造它。

但我对规范的解读可能和其他人一样好或坏。