Support System (depraced!) > Css button with gradient style (no images) - Rip

Css button with gradient style (no images) - Rip


Date: 2 April 2011 | Posted by: Src
Css button with gradient style (no images) - Rip

Css button with gradient style (no images) - Rip


View Demo:
http://9.bb/286885/4235-demo-css-gradient-buttons


Read More Info:
http://www.red-team-design.com/cross-browser-css-gradient-buttons


Recently I talked about CSS cross-browser gradients and last week I wrote again about CSS3 gradients. So what I’m going to do today? I will show you how to put the CSS gradient feature in practical use.

In this article you will see how you can create a set of gradient buttons just with CSS (no images).


Features

Scalability – Scale the buttons using font-size.
Adjustability – Change padding and font-size and there you go.
Flexibility – Apply the styles to any HTML elements.
Fallback styles – Graceful degradation for other browsers.
Usability – Normal, hover and active states are available.

See full article