-
Normal
Adkad -
Hover
Adkad -
Active
Adkad -
Final Result
Adkad
Adkad
Posted on 27.Sep.11 by @meowingtonmeow
.button {
background: #f3f3f3;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#d6d6d6));
background: -moz-linear-gradient(center top, #f3f3f3 0%, #d6d6d6 100%);
-webkit-box-shadow: 0px 1px 1px 0px #b3b3b3, 0px 1px 0px 0px #ffffff inset;
-moz-box-shadow: 0px 1px 1px 0px #b3b3b3, 0px 1px 0px 0px #ffffff inset;
box-shadow: 0px 1px 1px 0px #b3b3b3, 0px 1px 0px 0px #ffffff inset;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 0px #f2f2f2;
padding: 5px 15px;
display: block;
border-color: #959595;
border-width: 1px;
border-style: solid;
text-transform: uppercase;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #6a6a6a;
font-weight: bold;
}
.button:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#f3f3f3));
background: -moz-linear-gradient(center top, #d7d7d7 0%, #f3f3f3 100%);
color: #1a4b88;
}

Comments
This button has no comments. You should start the conversation.
You must login to leave comments.