Just add a certain preset class to an 'a' HTML link an it will automatically be custom styled.
The underlying HTML can use either <button> or <a> elements.
They are dynamic and shrink/expand to fit their text labels.
Four states are supported for the buttons: normal, hover/focus, active, and disabled.
Icons are specified via HTML class attribute.
They use the sliding doors CSS technique for increased performance.
The buttons support different skins by simply changing an HTML class attribute.
A layered Photoshop template is provided to assist in creating new skins.
Documentation on how to use can be found on top of the CSS file.
A working demo is also included.
Here are some key features of "Sexy Buttons":
General features:
· Button states
· Various shapes
· Various colors
· Support for icons
· Easy to implement
· No JavaScript required
Supported in:
· Mozilla Firefox 3.5
· Internet Explorer 6+
· Safari 4
· Google Chrome
· Opera 10
What's New in This Release: [ read full changelog ]
New Feature:
· Create icon-only buttons (i.e. no text label) by using sexyicononly class.