User Picture With Hidden Treasure

maebert

• 9481
• 37
• 7

A neat user avatar badge that reveals the username and links or actions on hover. The links are already positioned behind the user avatar and when the avatar badge is hovered, the avatar image gets translated to left to reveal the links / icons. This is achieved using the transition CSS3 property on the avatar image.

This effects works in all major browsers perfectly except Internet Explorer but it degrades nicely in Internet Explorer 9. Check out the code behind this excellent creation to learn more about it.

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room