css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

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


  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. Thank you very much! :)

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

  6. 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.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.