CSS Keyboard Button

Underground404 - CSS Keyboard Button. Sian(g) ini saya cuman mau berbagi CSS yang saya temukan saat surfing di google dan blog lain. Namanya CSS Keyboard Button. Simple, classic, keliatan real. Ini cocok untul tombol 'download', 'demo' dll.

Demo

<a href='#' class='keyboard'/>

.keyboard {
    border: 1px solid gray;
    padding: 1px 5px;
    margin: 0px 5px;
    font-size: 1.2em;
    text-transform: uppercase;
    color:#555 !important;
    box-shadow: 1px 0px 1px 0px rgb(255, 255, 255), 0px 2px 0px 2px lightGray, 0px 2px 0px 3px rgb(51, 51, 51);
    -moz-box-shadow: 1px 0px 1px 0px rgb(255, 255, 255), 0px 2px 0px 2px lightGray, 0px 2px 0px 3px rgb(51, 51, 51);
    -webkit-box-shadow: 1px 0px 1px 0px rgb(255, 255, 255), 0px 2px 0px 2px lightGray, 0px 2px 0px 3px rgb(51, 51, 51);
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background: linear-gradient(left center , white 0%, rgb(226, 226, 226) 25%) repeat scroll 0% 0% transparent;
    background: -moz-linear-gradient(left center , white 0%, rgb(226, 226, 226) 25%) repeat scroll 0% 0% transparent;
    background: -webkit-linear-gradient(left center , white 0%, rgb(226, 226, 226) 25%) repeat scroll 0% 0% transparent;
}
.keyboard:active {
    background: none repeat scroll 0% 0% rgb(119, 119, 119);
}
.keyboard:hover {
    opacity: 0.8;
    cursor: pointer;
    text-decoration:none;
}