Add something new to Virb:

Virb

Are you sure you want to delete that?

or Cancel

 

Posted on Aug 6, 2009

Design How To: Enlarge images on hover

Here is a simple snippet of code, you can use in your CSS under advanced customization. It's the one I'm using for the following and groups modules (pictured below) on my profile. When you hover over an image, the thumbnail will enlarge. A nice little detail your site visitors might enjoy.

All you have to do is find this "FOLLOWING/FOLLOWERS/CIRCLES" section in your code. And here is the code you will need.

That's it. You might have to adjust the size of your thumbnails (and afterwards the margin settings) if you use this on a much smaller profile side, or if you want to display the pictures even bigger.
The "width" and the "margin" details are what you would wanna change then accordingly.

followandgrouphovereffects

Loading comments...

Likes

Details

Viewed 395 times

© 2009 Chris

virb.com/t/4151329
tweet!

Flag this text post!

Flag this text post as:

or Cancel

 

Advertisement

Flag this profile!

Flag this profile as:

or Cancel