article

Friday, May 14, 2010

CSS BUTTONS HOVER

CSS BUTTONS HOVERS









<style>
body {
margin:200px;
}
/* trigger button */
#download_now {
background:transparent url(download.png) no-repeat scroll 0 0;
display:block;
height:44px;
margin-bottom:30px;
overflow:hidden;
text-indent:-999em;
width:159px;
cursor:pointer;
}
/* mouseover state */
#download_now:hover {
background-position:0 -44px ;
}
/* clicked state */
#download_now:focus {
background-position:0 -88px;
}
</style>

Download now

Download

http://dl.dropbox.com/u/3293191/CSS/hoverbuttons.zip

Related Post