I found this demo <http://jsfiddle.net/itortu/sm29t8js/2/> but the problem 
is that even though the rotation occurs, it does not apply to the icon so 
the gears of it do not move really, just the entire div.
 

> Hello, 
>
> I am looking for examples of how to do rotate effect on a click event, on 
> a font-awesome icon: <i class="fa fa-cog"></i>
>
> I am starting to code using AngularJS framework, and my knowledge of 
> JavaScript is still developing. Seeing examples of something already 
> existing, helps me to understand with less frustration how things work.
>
> The effect is seeing on YouTube's player, the little setting gear you 
> click to turn annotations on/off, and auto-play. I think it rotates 45 deg 
> clockwise, and then back to position 0 when clicked again.
>
> This is not homework, nor work related. I am just curious to learn how 
> this effect is done. 
>
> I appreciate your help and advice. 
>
> Best, 
> Alejandro.
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to