title: CSS transform on SVG Elements IE9+
body: <p>Having a SVG Path:</p>
  
  <pre><code>&lt;path class='st8' d='M73.4,11.3c-6.3,0-6.4,3.6-6.4,3.6v18c0,0,0.6,3.3,6.4,3.3c5.8,0,6.6-3.3,6.6-3.3v-18 C80,14.9,79.7,11.3,73.4,11.3z M75,31.3c0,0-0.3,1.2-1.6,1.2c-1.3,0-1.4-1.2-1.4-1.2V16.6c0,0,0.3-1.3,1.5-1.3s1.5,1.3,1.5,1.3V31.3 z'/&gt;
  </code></pre>
  
  <p>I have tried to transform it from CSS instead of declaring the <code>transform</code> attribute from the element tag.</p>
  
  <p>This process works fine from webkit and firefox, however when testing on IE9 or 10 <a href="http://jsfiddle.net/k3yb6/6/">nothing happens</a>.</p>
  
  <pre><code>&lt;svg&gt;
      &lt;style&gt;
          .st8 {
              -webkit-transform: rotate(45deg); /* works on chrome and Safari */
              -moz-transform: rotate(45deg); /* works on firefox */
              -ms-transform: rotate(45deg); /* doesn't work on IE */
              transform: rotate(45deg);
          }
      &lt;style&gt;
      &lt;path class='st8' d='M73.4,11.3c-6.3,0-6.4,3.6-6.4,3.6v18c0,0,0.6,3.3,6.4,3.3c5.8,0,6.6-3.3,6.6-3.3v-18 C80,14.9,79.7,11.3,73.4,11.3z M75,31.3c0,0-0.3,1.2-1.6,1.2c-1.3,0-1.4-1.2-1.4-1.2V16.6c0,0,0.3-1.3,1.5-1.3s1.5,1.3,1.5,1.3V31.3 z'/&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>I have tried to search the web for any place mentioning that css transform indeed doesn't work on IE, however I couldn't find it. Hence my question, is it indeed not possible to use css transform on IE? Is there any workaround besides having to strictly use the <code>transform</code> attribute in the element tag?</p>