Не перезаписывайте свойства CSS, а добавляйте к ним с помощью jQuery

Я просто хочу знать, как использовать функцию jquery .css (), чтобы не перезаписывать, а добавлять дополнительные значения в свойства CSS.

Например, у меня есть элемент, который в настоящее время имеет CSStransform:translate(-50%, -50%) в теме. И я хочу использовать функцию jQuery .css (), чтобы ДОБАВИТЬtransform: rotate(90deg), но когда я использую это, это перезаписывает это.

Проверьте эту скрипку, если мое описание сбивает с толку.http://jsfiddle.net/justinbchristensen/mvhwbjLo/1/

В скрипте вы увидите, что при первом нажатии кнопки квадрат теряет свое первоначальное преобразование, скользит вниз и вращается, но все последующие нажатия на кнопку просто поворачивают квадрат, потому что он не теряет свойство «transform: translate».

Я не хочу говорить в моей функции .css ()element.css('transform', 'translate(-50%,-50%) rotate(90deg)'Я просто хочу иметь возможность добавить поворот к существующему преобразованию.

Есть какой-либо способ сделать это?

Ответы на вопрос(3)

Ваш ответ на вопрос