Doing it with style
This is an image magnification effect that is similar to the ones produced by javascript.
Just hover your mouse over the thumbnail image to produce a 4x enlarged image. Move your mouse off the thumbnail image to pop-down the enlarged image.
Modified 19th November 2009 to make much simpler and allow several thumbnails to be usedand have the large image display above all of these thumbnails.
Modified 25th January 2010 to add css3 styling to the popup image. Round corners, drop shadow and fade-in for browsers that understand.
Modified 14th June 2012 to add extra styling and a background image to enable the large image to be closed by 'tapping' anywhere on the page when using the iPad, iPhone and iPod Touch.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.