动态管理 webkit 动画

Question

我正在寻找一种无需部署静态 CSS 声明即可管理 webkit 动画的好方法。简而言之，仅使用 Javascript 添加关键帧部分、删除它们、更改它们等。我想我可以问而不是重新发明轮子。

是否有一个简单的 javascript 库可以执行类似的操作（不是 jQuery 或类似的东西，只是一小段函数）？

必须有一种方法可以做这样的事情（伪代码）：

function setupAnim(aName) {
 /* becomes: @-webkit-keyframes "aName" */
 var mRule = jsAddCSSRule(aName);
 if (mRule) {
   /* inject CSS properties here */
   mRule.innerHTML = "from {...} to {...}";
 }
}

function removeAnim(aName) {
  var mRule = jsFindCSSRule(aName);
  if (mRule) {
    removeCSSRule(mRule);
  }
}

欢迎任何帮助！

Answer 1

我发现 https://github.com/krazyjakee/keyframes.js 它允许您创建和覆盖 CSS 动画。然而，它（目前）破坏了单个

将来，CSSOM提案的实现可能会让我们做出更细粒度的改变。 https://github.com/NV/CSSOM

在浏览器控制台中查看，我确实发现浏览器暴露了操纵现有 CSS 规则的方法，但我并没有取得很大的成功。