Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Buttons

Flexible CSS3 Buttons Set

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Flexible CSS3 Buttons Set - CodeCanyon Item for Sale


Ad: Bluehost hosting

These buttons are created purely using CSS, no images. It uses a slightly different method to generate the gradient effects. The hover transition ONLY available on Safari and Opera.

Get Updates Via:

Follow me on Follow me on Twitter

Normally, gradient are created using -moz-linear-gradient ( for mozila ). But it is hard to being edited to different colors. You will need to change 3 color code, the start, stop and stop colors.

But by using this CSS button set, you only need to change 1 color code in order to change the button’s color. The gradient will be generated using box-shadow.


  • Different sizes
  • Easy to edit
  • 10 colors
  • 3 different styles
  • Hover with transition ( work for Safari and Chrome )
  • Hover and Active (onclick) stage provided.

Check out the preview video

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


24 June 10

Last Update:

Compatible Browsers:
Chrome 5, Firefox, Opera, Safari

Files Included:


eCommerce, eCommerce, All Items, animated buttons, buttons, css3, css3 buttons