Question

如何用jquery 修改CSS3动画的keyframe

.AMO_box_2{transform: rotate(22.5deg);animation:donghua 0.5s 1 linear normal;}
@keyframes donghua {
0% {transform:rotate(0deg);}
100% {transform:rotate(22.5deg);}
}
我需要 用JQ对样式AMO_box_2 和 @keyframes donghua 的rotate角度进行 计算调整，
怎么用jq 修改？

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）

Answer 1

我想你是想要兼容ie8浏览器吧，这里只说高成本没必要

Answer 2

我们可以通过addRule,deleteRule和findRule对keyframes对象进行操作
取到某个样式表下所有的keyframes对象:
var getKeyFramse = function(index){
  var styleSheet = document.styleSheets[index], keyframesRule = [];
  [].slice.call(styleSheet.cssRules).forEach(function(item){
    if (item.type === CSSRule.WEBKIT_KEYFRAMES_RULE) {
      keyframesRule.push( item );
    }
  })
  return keyframesRule;
}

Answer 3

为什么要用jq修改，而不直接用css3来写，你要动态化吗？