使用jQuery/Javascript编辑CSS3动画

可以编辑这样的动画吗

@-webkit-keyframes rotation {
  0%   { -webkit-transform: rotate(0deg); }
  85% { -webkit-transform: rotate(1442deg); }
  94% { -webkit-transform: rotate(1438deg); }
  100% { -webkit-transform: rotate(1440deg); }
}

使用JavaScript

提前谢谢大家,

---

Matteo

最简单的方法应该是jQueryKeyframes插件：

它为您提供了一个简单的语法，因此您的示例应该如下所示：

$.keyframe.define([{
    name: 'rotation',
    0%   { 'transform': 'rotate(0deg)' },
    85% { 'transform': 'rotate(1442deg)' },
    94% { 'transform': 'rotate(1438deg)' },
    100% { 'transform': 'rotate(1440deg)' }
}]);

---

通过JS手动注入CSS的方法也应该有效。

既然可以使用javascript注入一些CSS，就没有理由不能“编辑”CSS。您尝试过标准语法吗？类似于$（'@-webkit keyframes rotation'）.css（'100%，'{-webkit transform:rotate（1440deg）；}'）？？？