BonBon Buttons, Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible.
And voila.. here they are, the BonBon Buttons. Named after the French word for “Candy“. So, let’s take a tour trough the candy store.
Using the new features and flexibility CSS3 offers, designers keep coming with impressive outputs.
One of them is BonBon Buttons: attractive buttons that will possibly attract the Web 2.0-type design fans the most.
A single PNG image is used to give the noise effect and they have a shiny 3D-like look.
There is also a method provided for inserting Unicode Symbols inside buttons with the help of HTML5 custom data attributes.
Flexibility
Here all the optional class names if you wanna play around with -webkits Inspector or Firebug:
- Color: orange, pink, blue, green, transparent
- Font: serif
- Material: glossy, glass
- Size: xs, xl
- Shape: round, oval, brackets, skew, back, knife, shield, drop, morph
- Icon only: icon
- Disabled: disabled
Website: http://lab.simurai.com/css/buttons/
Download: http://lab.simurai.com/css/buttons/download/bonbon_buttons.zip
