Posted By

landonmiller on 02/15/10

Tagged

css
image

Versions (?)

Last Edited at 02/15/10 09:23pm

Statistics

Viewed 731 times

Favorited by 1 user(s)

Related snippets

Pure CSS Rollover

/ Published in: CSS

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<style type="text/css">
<!--
#div {
	display: block;
	width: 151px;
	height: 30px;
	background-image: url("image-name.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}
 
#div:hover {
	background-position: left bottom;
}
 
#div span {
	display: none;
}
-->
</style>
 
<a id="div" href="#"><span>Description</span></a>