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:

HTML
 
1
 
 
CSS
 
1
 
 
JavaScript
 
1
 
 

Simple Grey Buttons

CSSDeck G+