title: How to rotate + flip element with CSS
body: <p>The transform property lets you rotate or flip, but how can you do both at the same time?  Say I want to rotate an element 90 degrees and flip it horizontally?  Both are done with the same property, so the latter overwrites the former.  Here's an example fiddle for convenience:</p>
  
  <p><a href="http://jsfiddle.net/DtNh6/" rel="noreferrer">http://jsfiddle.net/DtNh6/</a></p>
  
  <pre><code>transform: rotate(90deg);
  transform: scaleX(-1);
  </code></pre>