Ключевые кадры CSS3 в JavaScript

Question

Можно ли использовать анимационные ключевые кадры в JavaScript? Если ваш ответ отрицательный, скажите мне, как я могу использовать такие коды? Я написал свой плагин jQuery, но я не знаю, как использовать ключевые кадры. animate() не работает (перевестиZ ...)

Answer 1

Сначала вам нужно research css3 keyframes, а затем, возможно, сделайте небольшой пример для себя, чтобы получить базовое понимание. jQuery.Keyframes позволяет создавать ключевые кадры css3 и добавлять события на лету с помощью javascript.

Answer 2

Это третья библиотека, которая допускает различные переводы.

http://ricostacruz.com/jquery.transit/

Если это еще не делает так, что вам нужно, Вы можете обратиться к этому вопросу

Set Webkit Keyframes Values Using Javascript Variable

, который покажет вам, как вводить правила в в CSSOM динамически с помощью JQuery

Somewhat working fiddle for Firefox

@keyframes rotate { 
    0% {-moz-transform: rotate(-10deg);} 
    100% {-moz-transform: rotate(-10deg);} 
} 

и другие особенности префикса поставщика. Кажется, есть какая-то проблема, когда иногда анимация срабатывает, но в других случаях она не будет. Не удалось выяснить, почему