Solo quiero saber cómo usar la función jquery .css () para no sobrescribir, sino para agregar valores adicionales a las propiedades css.

Por ejemplo, tengo un elemento que actualmente tiene el CSStransform:translate(-50%, -50%) en eso. Y quiero usar la función jQuery .css () para AGREGARtransform: rotate(90deg), pero cuando lo uso, lo sobrescribe.

Mira este violín si mi descripción es confusa.http://jsfiddle.net/justinbchristensen/mvhwbjLo/1/

Verá en el violín que cuando hace clic por primera vez en el botón, el cuadrado pierde su transformación original, se desliza hacia abajo y gira, pero todos los clics posteriores en el botón simplemente giran el cuadrado porque no está perdiendo la propiedad 'transformar: traducir'.

No quiero tener que decir en mi función .css ()element.css('transform', 'translate(-50%,-50%) rotate(90deg)', Solo quiero poder agregar la rotación a la transformación existente.

¿Hay alguna forma de hacer esto?