Rollover Image CSS

Make Rollover Images Effect using CSS

by dimaslanjaka

HTML

<a class=rolloverimage href="javascript:alert(&#39;What separates design from art is that design is meant to be... functional - Cameron Moll&#39;);">Rollover Image</a>

CSS

.rolloverimage{
display: block;
width: 56px;
height: 90px;
background: url('https://1.bp.blogspot.com/-NtrjKUd-0fs/V_ewyJEdB_I/AAAAAAAAL28/D3OfCvvRv4oADehdckX0d919xFeggWZOwCLcB/s180/rollover-image-light-bulb-on-off.png') bottom;
text-indent: -99999px;
}
.rolloverimage:hover{
background-position: 0 0;
}