The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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]( “3dtransforms”) concerning 3D Transforms. Think that’s what you’re looking for.

    # June 18, 2013 at 3:12 am

    There you go:

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed