-webkit-transition-свойство для перевода

Question

Что такое правильное свойство -webkit-transition-свойство для преобразований CSS и как мне установить их с помощью jQuery?

Я попробовал следующий код, который не работает:

$('#my-object')
    .css('-webkit-transition-property', 'transform')
    .css('-webkit-transform', 'translate3d(0, 0, 0)')

$('#my-object')
    .css('-webkit-transition-property', '-webkit-transform')
    .css('-webkit-transform', 'translate3d(0, 0, 0)')

Answer 1

Насколько я помню, jQuery использует имена javascript внутренне при вызове метода css. Поскольку все вещи, связанные с Webkit, имеют перед собой webkit, то свойство, которое вы ищете, называется WebkitTransform . Не знаю, принимает ли его jQuery, но применение его непосредственно к Domelement.style работает!

ИМХО -> добавить все, кроме свойства Transform, в класс и добавлять / удалять классы вместо вставки стилей.