hecticjeff's webscraps

a montage of internet awesome

CSS3 buttons

CSS3 buttons

This is a collection of buttons that show what is possible using CSS3 while also maintaining the simplest possible markup. They look best in WebKit-based browsers, almost as good in Firefox, with all other browsers falling back to a less-styled button. If you use these buttons in the wild, drop me a note and let me know.

The latest code is located at: http://github.com/ubuwaits/css3-buttons

Classic buttons

This is the original set of buttons, showing a variety of CSS3 styles in different combinations. Study the code, then adjust to fit the context of where it's used.

  • Minimal
  • Clean Gray
  • Cupid Green
  • Cupid Blue
  • Blue Pill
  • Dribbble
  • Slick Black
  • thoughtbot
  • Punch
  • Blue Candy
  • Purple Candy
  • Shiny Blue
  • Download iTunes
  • Skip
  • Minimal Indent

WebKit experimental

Proof of concept buttons using WebKit-only features.

  • Quit!
  • Approve!
  • Accept

Designed & Maintained by Chad Mazzola with inspiration from across the internet.

via ubuwaits.github.com

Awesome set of CSS3 buttons