Issue making Bootstrap3 icon spin

Question

Inspired by Fontawesome, I\'m trying to make a spinning icon with bootstrap3. It\'s easily achieve via CSS3 transition and transform. Problem is the icon does not not rotate aro

Answer 1

Hope this might help someone using font-awesome.

Just try this.

<span class="sync-state pull-right" style="display: none;">
    <i class="fa fa-refresh fa-spin"></i> synching..
</span>

Then on your javascript just get the element by class onclick or on hover which ever works best for you.

$(".sync-state").fadeIn(); 

After event action you can

$(".sync-state").fadeOut();

Hope this help. Jquery & Font-awesome