title: how to make an icon spin with i tag in html5 through css3
body: <p>This is my HTML code</p>
  <pre><code>&lt;div class='form-group col-xs-12 col-sm-5 col-md-5'&gt;
      &lt;label for='captcha-code'&gt;Captcha Code: &lt;/label&gt;
      &lt;span id='captcha-text'&gt;&lt;/span&gt;
      &lt;i class='captcha-refresh icon-spinner9 pointer'&gt;&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I am using icomoons as for displaying the icons. What I am trying to achieve is whenever a person clicks on this <code>&lt;i class='captcha-refresh icon-spinner9 pointer'&gt;&lt;/i&gt;</code> i want it to rotate like as a loader so that we can show that something is processing I have tried many css3 transitions. All those transitions are only being applied to the <code>div</code> tags and not on <code>i</code> tags.</p>