by Graphics Design, Icons, Website Designing

BonBon Buttons – Sweet CSS3 Buttons – Graphical Buttons


BonBon ButtonsCreate 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.


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


We hope, We will become the best, creative and inspiring community for web and graphics. Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.


information technology Sep 16, 2010

Pretty nice post. I just stumbled upon your blog and wanted to say that I have really enjoyed browsing your blog posts. In any case I’ll be subscribing to your feed and I hope you write again soon!

Leave a Reply

Copyright © 2021 Freebies, Free Fonts, WordPress Themes, Logos & Tutorials. All Rights Reserved.
Powered by Wordpress.
About Us | Advertise | Write For Us | Contact Us