HTML CODE <a class="sprite-about" href="http://www.algonquinphotomultimedia.com/contact-page/"><span>Contact Me</span></a> CSS CODE /* Sprites */ a.sprite-about span { display:none; } a.sprite-about { background:url('http://www.algonquinphotomultimedia.com/wp-content/uploads/2014/03/alg-multprof-about-sprite.jpg') no-repeat top left; display:block; height:373px; width:560px; float: left; margin-right: 2%; } a.sprite-about:hover { background-position: 0 -373px; } Contact MeA Sprite is an image with a rollover, just like a text rollover the image changes when you hover [...]
