Sexy Buttons

Sexy Buttons is a HTML/CSS-based framework for creating beautiful web site buttons. These stylish, attention getting buttons can be used for calls to action wherever user interaction is desired. Compare Sexy Buttons with the standard browser buttons:

The framework is focused on being simple yet flexible and strives to be as easy to implement as possible.

Button Features

The underlying HTML can use either <button> or <a> elements.
They are dynamic and shrink/expand to fit their text labels.
There are four states: normal, hover/focus, active, and disabled.
The labels can include icons. Use one of the 1000+ included Silk icons or use your own. Icons are specified via HTML class attribute.
They use the sliding doors CSS technique for increased performance.
They support different skins by simply changing an HTML class attribute.
A layered Photoshop template is provided to assist in creating new skins.
Easy to implement.
No Javascript required.

Demo

Demo and Quick Start Guide (English)
快速上手指南及示范 (Chinese)

Browser Support

Sexy Buttons has been tested and is supported in the following browsers:

Mozilla Firefox 3.5+
Internet Explorer 6+
Safari 4
Google Chrome
Opera 10

Only those browsers and versions that have been tested are included above. It very well may work in other browsers or versions not listed.

Support the Project

Do you really like Sexy Buttons? Have they saved you a lot of time or really benefited a project you're working on? If so, please consider supporting the project by making a donation. Thank you!

Credits

Sexy Buttons was inspired and derived from the excellent work done by these fine folks: