title: CSS Rotation Glyphicon
body: <p>I am trying to rotate a glyphicon that's been added :before an a tag. I have tried a lot that doesn't seem to work, but must be missing something simple. The a tag will change from Closed/Open when clicked, which should trigger the animation </p>
  
  <pre><code>.Closed:before {
     font-family: "Glyphicons Halflings";
     content:"\e258";
  }
  
  &lt;a class='FolderTitle Closed'&gt;Providers&lt;/a&gt;
  </code></pre>
  
  <p>It just needs to rotate 90 degrees and keep it's position - any ideas / JSFiddles?</p>