- Created on Thursday, 16 December 2010 07:05
- Last Updated on Saturday, 14 December 2013 10:26
- Written by Terrence
- Hits: 2643
In my previous post I explain about CSS Shadows. Today I'm going to explaion you about CSS3 gradient feature in a good practical use. I will explainÂ gradientÂ button that I have created with CSS3. The buttons are scalable based on Â the font-size. The button size can be easily adjusted by changing the padding and font-size values. It can be applied to any HTML element such as div, span, p, a, button, input, etc.
The image below shows what we are looking at
The Code below CSS style for button background. The first background line is for Webkit browsers, the second line is for Firefox, and theÂ thirdÂ line is a gradient filter that is only read by Internet Explorer.
Complete CSS Code