CSS Rollover Image Effect - Change Image on Hover

Rollover image is a design feature where an image changes when your mouse hovers over it. Think of a light bulb that turns on and off when you move your mouse cursor into that area of a page. When a page is loading, rollover images are preloaded into it to ensure that the rollover effect is displayed quickly. This used to be implemented using JavaScript, which is fairly easy with just a small...

from Helplogger http://bit.ly/2dSCSjW