Pure CSS Image Rollover
Christian Montoya posted a demo/tuturial describing his method of image rollovers…without using javascript. I like it! Check out my lab from November 2005 for a similar take on the same subject.
Filed under: css, web design by Shane |
A nice method:
<style>
img.nohover {border:0}
img.hover {border:0;display:none}
A:hover img.hover {display:inline}
A:hover img.nohover {display:none}
</style>
<A HREF=”#”>
<img src=”b1.gif” class=”nohover”>
<img src=”b2.gif” class=”hover”>
</A>
Comment on November 28, 2008 @ 5:23 am
@Trixie - Do you have a demo of this published somewhere?
Comment on November 28, 2008 @ 10:31 am