Icon font rotate and return on click.

[revolutiong]

Trying to rotate a Icon font on click, without using more then one div. It should possible. I almost got it.

Check out this Pen!

also am I doing something wrong on the codepen embed, its not showing up right?

[RedJokingInn]

I’m not sure in which way you want to rotate the text, but you can find a nice and simple tutorial at [this link](http://desandro.github.io/3dtransforms/docs/card-flip.html “3dtransforms”) concerning 3D Transforms. Think that’s what you’re looking for.

[Kitty Giraudel]

There you go: http://codepen.io/HugoGiraudel/pen/fJgFt

You forgot to set your icon to block-level. You cannot transform inline elements.

[revolutiong]

Thanks for sketching that out for me Hugo, I certainly learned something there. Just started into web animation post flash. Thanks for the link Red that site looks really comprehensive, am sure it will come in handy.

[Author]

Posts