how to make an icon spin with i tag in html5 through css3
This is my HTML code
<div class='form-group col-xs-12 col-sm-5 col-md-5'> <label for='captcha-code'>Captcha Code: </label> <span id='captcha-text'></span> <i class='captcha-refresh icon-spinner9 pointer'></i> </div>
I am using icomoons as for displaying the icons. What I am trying to achieve is whenever a person clicks on this
<i class='captcha-refresh icon-spinner9 pointer'></i> 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
div tags and not on
Please, can anyone provide a solution to it? Thanks in advance.