CodePen

Loading ..................

3D CSS icon/label spin effect

Description

Just a really nice way of hiding a label behind an icon/image and then revealing the label on hover.

Tags

  1. css

Comments

  1. Please use prefix free (u can include it by ticking the checkbox in the css settings panel) so that it works in all browsers not just webkit! and really good work I like it! :)

  2. That's a very good point! I'll enable that! :) Thank you!

  3. this is great! I really like the effect :) well done

  4. Beautiful Remy. Did you find that translateZ helped to smooth out the effects?

  5. I knew that it triggered hardware acceleration, but in this instance my use of it was primarily for the effect I was after. The hardware boost would just be a bonus!

    So yeah... I didn't try without translateZ so I don't know what performance was like before.

  6. If anyone's interested, I added this effect to my Chrome Inspector Twilight theme here: https://github.com/remybach/chrome-twilight

Leave a Comment Markdown supported. Double-click names to add to comment.

  • 4575 Views
  • 7 Comments
  • 90 Hearts
Loading...
Loading...