White/Metalic CSS3 button

.button { font-family: Helvetica, sans-serif; color: #4f4f4f; font-size: 22px; padding: 7px; text-decoration: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0px 1px 3px #b0b0b0; -moz-box-shadow: 0px 1px 3px #b0b0b0; text-shadow: 2px 2px 5px #919191; border: solid #cccccc 2px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#e6e6e6)); background: -moz-linear-gradient(top, #fdfdfd, #e6e6e6); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fdfdfd, endColorStr=#e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fdfdfd, endColorStr=#e6e6e6); display:inline-block; /* IE is so silly */ } .button:hover { background: #eaeaea; }

1 Response

Nice :)

Write a comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.