Обработка ключевых кадров css3 с использованием Javascript

Question

@-webkit-keyframes bb{
    from{
        -webkit-transform:translate(0px,0px);
    }
    to{
        -webkit-transform:translate(0px,-100px);
    }
}

Как я могу динамически изменить значение translate с помощью JavaScript и добавить атрибут rotate тоже?

Answer 1

После прочтения спецификации похоже, что вы не можете напрямую изменить стили анимации, просто изменив свойство, вы должны вызвать некоторые методы манипулирования правилами, поэтому я думаю, что это будет что-то вроде:

bb.deleteRule( 0 | 1);
bb.insertRule( MyNewRule );

где MyNewRule - строка, начинающаяся с 0 или 1, в зависимости от того, хотите ли вы изменить правило from или to, а остальная часть строки - это объявление стиля, которое, очевидно, вам придется сначала создать.

Но мое чтение спецификации, вероятно, так же хорошо или так же плохо, как чье-либо еще

ОБНОВЛЕНИЕ: НАМНОГО ЛУЧШЕ И БОЛЬШЕ БОЛЬШОГО ОТВЕТА