title: Don't overwrite css properties, but add to them with jQuery
body: <p>I just want to know how to use the jquery .css() function to not overwrite, but to add additional values to css properties.</p>
  
  <p>For instance, I have an element that is currently has the css <code>transform:translate(-50%, -50%)</code> on it.  And I want to use the jQuery .css() function to ADD <code>transform: rotate(90deg)</code>, but when I use it, it overwrites it.</p>
  
  <p>Check out this fiddle if my description is confusing. <a href="http://jsfiddle.net/justinbchristensen/mvhwbjLo/1/" rel="nofollow">http://jsfiddle.net/justinbchristensen/mvhwbjLo/1/</a></p>
  
  <p>You will see in the Fiddle that when you first click the button, the square loses its original transformation, slides down, and rotates, but all subsequent clicks on the button simply rotate the square because it's not losing the 'transform:translate' property.</p>
  
  <p>I don't want to have to say in my .css() function <code>element.css('transform', 'translate(-50%,-50%) rotate(90deg)'</code>, I just want to be able to add the rotate to the existing transformation.</p>
  
  <p>Is there any way to do this?</p>