/ Published in: CSS
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
CSS Code a.rollover { display: block; width: 150px; height: 44px; text-decoration: none; background: url("webvamp.jpg"); } a.rollover:hover { background-position: -150px 0; } .displace { position: absolute; left: -5000px; } HTML Code <a href="#" class="rollover" title="Webvamp"><span class="displace">Webvamp</span></a>
URL: http://www.webvamp.co.uk/blog/coding/css-image-rollovers/