BobBon is impressive and attractive CSS3 button that make use of CSS3 features. The Goal is Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible. BonBon Buttons named after the French word for “Candy“.

If you would like to add an icon, you can use the HTML5 custom data attribute like this: data-icon="S". This allows you to use any of the Unicode symbols or the newly released Picos Font as icons.

This is just a demo and not meant to be used on your next project that targets the average internet user. It’s just wanted to show a couple techniques how to use some of the new CSS3/HTML5 features. So only the current version of Safari, Chrome and Firefox are supported.