Не перезаписывайте свойства 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)'
Я просто хочу иметь возможность добавить поворот к существующему преобразованию.
Есть какой-либо способ сделать это?