I was able to make it look a bit better, using only one div: http://jsfiddle.net/itortu/35mu96ng/ Having the second div for the text, made it jump when the rotation completed.
Thank you. On Wednesday, November 18, 2015 at 10:03:23 AM UTC-6, Alejandro Nava-Gomez wrote: > > 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.
