Динамически управляйте анимацией webkit - PullRequest
Новая
       35

Динамически управляйте анимацией webkit

2 голосов
/ 16 сентября 2011

Я ищу хороший способ управления анимацией webkit без развертывания статического объявления CSS.Короче говоря, добавление разделов ключевых кадров, их удаление, изменение и т. Д. С использованием только 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);
  }
}

Любая помощь приветствуется!

1 Ответ

0 голосов
/ 12 сентября 2013

Я нашел https://github.com/krazyjakee/keyframes.js, который позволяет создавать и перезаписывать CSS-анимацию.Однако он (в настоящее время) перекрывает один <style> элемент, который может оказаться неэффективным, если вы создаете много правил анимации, потому что браузер должен повторно проанализировать все из них.предложения CSSOM может позволить нам внести более детальные изменения.https://github.com/NV/CSSOM

Поискав в консоли браузера, я обнаружил, что браузеры предоставляют методы для управления существующими правилами CSS, но у меня не было большого успеха с ними.

...