Grow your CSS skills. Land your dream job.

Icon font rotate and return on click.

  • # June 17, 2013 at 11:36 pm

    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?

    # June 18, 2013 at 3:07 am

    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.

    # June 18, 2013 at 3:12 am

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

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

    # June 18, 2013 at 11:20 am

    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.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".