Facebook Style Buttons Using CSS3

In this article i explain the easiest way to make a facebook style Buttons that people think: “Wow, this app must be as good as Facebook!”.

Buttons
To create the default “button” add a class of uibutton to any appropriate element.

Facebook-Buttons-CSS3

Grouped buttons

grouped-images-2

Buttons with icons

css-images

Browser compatibility

Full support: Firefox 3.5+, Google Chrome, Safari 4+, IE 9+, Opera 11.10+.

download

If you like FreeWebMentor and you would like to contribute, you can write an article and mail your article to [email protected] Your article will appear on the FreeWebMentor main page and help other developers.

Recommended Posts:


Prem Tiwari

An engineer by profession and a passionate blogger by heart. Founder of FreeWebMentor.com (A Programming blog for beginners), Tech Speaker at various forums. A part from this he is an open source enthusiast, WordPress Lover, Blogger, SEO, and Growth Strategic.


Article Tags: ,

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.