CSS Rotation Glyphicon
<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>