title: Create a cross-browser mixin for transform: rotate
body: <p>I want to create a mixin for sass that will apply a rotation to the specified element. The mixin should take one parameter, for the number of degrees of rotation to apply.</p>
  
  <p>From css3please.com, I found a cross-browser way to implement this with CSS:</p>
  
  <pre><code>.box_rotate {
       -moz-transform: rotate(7.5deg);  /* FF3.5+ */
         -o-transform: rotate(7.5deg);  /* Opera 10.5 */
    -webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */
        -ms-transform: rotate(7.5deg);  /* IE9 */
            transform: rotate(7.5deg);  
               filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9  */
                       M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');
                 zoom: 1;
  }
  </code></pre>
  
  <p>This is all very easy to make a mixin for, except for the pesky IE matrix notation. Does anyone have any suggestions for a way to transform the degrees into the IE matrix transformation using sass, javascript, or a combo of both?</p>