Sexy Buttons v1.2

This is a collection of skinnable HTML/CSS buttons
Sexy Buttons - Buttons with icons
  5 Screenshots
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.

Main features:

  • 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

last updated on:
November 19th, 2011, 6:58 GMT
license type:

Creative Commons: 3.0 Attribution

Apache License

developed by:
Richard Davies
operating system(s):
Windows / Linux / Mac OS / BSD / Solaris
C: \ UI Components
Sexy Buttons
Download Button

In a hurry? Add it to your Download Basket!

user rating 3



Rate it!
5 Screenshots
Sexy Buttons - Simple buttonsSexy Buttons - Colored buttons with iconsSexy Buttons - Different colors and shapesSexy Buttons - Button states

Add your review!