With the getting-wider support for CSS3 features and stable resources that can CSS3-enable non-compatible browsers, there are no obstacles left for using CSS3 buttons.
Using CSS3 properties, there is a huge space of creativity for designing buttons; using
border-radius for rounded corners,
box-shadow for creating depth, transitions for the animations and more.
Here is a list of 10+ nicely-coded and creative CSS3 buttons where you can use or get inspired. Also, you can find all other CSS3-buttons related resources that can help you to create better ones at the end of the article.
A set of 18 buttons that are created with a simple markup as much as possible.
While 3 of them are WebKit-only, the other are compatible with all modern browsers.
This is a simple CSS framework for creating GitHub-style buttons.
The buttons can have rounded corners and icons (a CSS sprite with a list of icons exist).
Read the rest of this entry »