Ajax Loader
×

Simple Grey Buttons

A Pair of Simple Grey buttons made with the help of linear-gradient and border-radius properties of CSS3. The gradients are used as the background of the buttons and then a slightly dark border is given to them to create a aimple and subtle look.

When hovered or focused, the background gradient is reversed to simulate the "pressed" effect and the border color's darkness is increased further. These won't look good in IE8 and below as these don't support gradients.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Simple Grey Buttons

    CSSDeck G+