Rollover Image

/* CSS Code */

.btn { background-image: url("image2.png"); height: 100px; width: 100px; margin: 0; padding: 0; }
.btn img { border: 0; width: 100%; height: 100%; }
.btn a, .nav a:link, .btn a:visited { display: block; }
.btn a:hover img { visibility: hidden; }

/* End CSS Code */

/* HTML Code */

<div class="btn">
<a href="#"><img src="image1.png"></a>
</div>

/* End HTML Code */

1 Comment

You must be logged in to post a comment.


  1. Gonna use this one right now. Thanks bro!