Return to Snippet

Revision: 37964
at December 21, 2010 11:37 by Gupocca


Initial Code
input[type="button"], input[type="submit"] {
    padding: 6px 15px;
    background: #F8F8F8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px white;
    -moz-box-shadow: 0 2px 0 #e5e5e5;
    -webkit-box-shadow: 0 2px 0 #e5e5e5;
    box-shadow: 0 2px 0 #e5e5e5;
}

input[type="button"]:hover, input[type="submit"]:hover {
    background: #FBFBFB;
    color: #494949;
}

input[type="button"]:active, input[type="submit"]:active {
    position: relative;
    top: 1px;
    -moz-box-shadow: 0 1px 0 #e5e5e5;
    -webkit-box-shadow: 0 1px 0 #e5e5e5;
    box-shadow: 0 1px 0 #e5e5e5;
}

Initial URL

                                

Initial Description
Just a simple styling of buttons.

Initial Title
Simple CSS Buttons

Initial Tags

                                

Initial Language
CSS