Friday, November 30, 2012

Pretty CSS3 Buttons Using CSS gradient

This is the default class that is applied to each button on our page. We can customise a button is by adding a chain of CSS classes, this way we can set the colour and size.
Another feature with CSS3 is RGBA, This is the same as RGB but with an alpha layer allowing you to set the opacity of a colour. This allows us to easily change the background of our buttons containing div without us having to adjust the buttons style. I’ve come across quite a few sites that explain how to create flexible CSS3 buttons but i’ve never really spent the time to implement one until i found a great little write about CSS3 ,have a fantastic post on creating CSS3 buttons. So i’ve taken their example and tweaked it to fit my needs. It’s worth noting that if your using Internet explorer you’re not going to see all these effects as IE still doesn’t support CSS3. Compatible CSS3 browsers are, Safari, Chrome and FireFox 3+.
For example you can see an example of an image on the side and code the script details Download HERE. you can use the editor like notepad or notepad plus² to modify code. thanks :)

Pretty CSS3 Buttons Using CSS gradient Rating: 4.5 Diposkan Oleh: morellocyber

0 comments:

Post a Comment