CSS3 Gradient Buttons in Multiple Colors

CSS 3.11.12 Comments Off

These 3-state buttons are made with pure CSS. No images or Javascript are used.

  • The gradient is cross-browser supported (IE, Firefox 3.6, Chrome, and Safari).
  • Button size and corner¬†rounding can be adjusted by changing the font size and padding values.
  • It has three button states: normal, hover, and active.
  • Style can be applied to any HTML element: a, input, button, span, div, p, h3, etc.

If CSS3 is not supported, it will display a regular button (no gradient and shadow).






Comments are closed.