JoePettersson.com

Back to this demos blog post ...

More demos

CSS3 Button Pack

Single buttonsToggle Classes

Download Download Download Download Download Download Download Download
.grey
.red
.blue
.green
.black
.yellow
.purple
.gblue

Button groupsToggle Classes

Download Demo Downloads Demo Information Download Demo Wow another button Information
The multi button classes are .left, .middle and .right. With their usage being self evident.

Large buttonsToggle Classes

Download Demo Wow another button Information Information Information
The large buttons are acheived by simply adding the .large class.

Details

This is a simple set of pre-made but extensible CSS3 buttons available in several different colours, configurations or sizes. It's available in a .ZIP'd example download or as a minified CSS style sheet for simple page inclusion.

As you probably already know CSS3 support varies across the various browsers, because of that the buttons will not appear as best as they can in old (or bad) browsers. Listed below is a simple (and hopefully complete) list of support for these CSS3 buttons.

  • Mozilla 3.6+
  • Chrome 1.0+
  • Opera 10+
  • Safari 4.0+
  • Partial support in IE9

Note: As you can see above there isn't even full support in the latest Internet Explorer, which kind of blows so it's assume it's going to look like ass in older IE browsers.

Downloads

Download the ZIP archive (8 KB)

You can also download only the minified CSS file.