Nice mouseover reveal

http://www.telegraph.co.uk/sport/olympics/Team-GB/9458305/Jess-Ennis-and-Bradley-Wiggins-meet-The-Stone-Roses.html

This will be javascript I guess?

Just thought I’d share :slight_smile:

At a guess it’s two areas with overflow:hidden, their sizes change depending on mouse position. Actually, only one size needs to change, the one with the lower z-Index can be static

With new browsers you probably could do this with just two background images and changing the css with the change of mouse position

All that needs to be is two overlaid images, with a mousemove handler setting the CSS ‘clip’ of the upper image.