Once upon a time when a web design required a nice, functional button it would firstly have to been designed in photoshop then implemented with javascript. Until CSS3 came in and changed everything to be easier and better for us.
Pretty CSS3 Buttons
Tutorial – Demo

The object is to create a set of styles that are both cross browser compliant and degrade gracefully for non CSS3 compliant browsers. And creating a button that is scalable means that we can make it a variety of sizes and colours with ease.
Dynamic Buttons using CSS3
Tutorial – Demo

The following example demonstrates how to create nice looking, dynamic buttons that are fully scalable using the new CSS3 properties border-radius, box-shadow and RGBa
Roll Your Own Google Buttons
Tutorial – Demo

Google has a new focus on webkit-specific properties thanks to their new Chrome browser, which uses a branch of the same rendering engine Safari uses. This has actually allowed them to target the Google homepage to the webkit engine, probably after some sort of browser detection.
Sexy Buttons
Tutorial – Demo

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
(more…)
Like this:
Like Loading...