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 / Animations and Effects

CSS3 Ribbon Pack

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

CSS3 Ribbon Pack - CodeCanyon Item for Sale


Ad: Bluehost hosting

Check out the HD video preview here

CSS3 Ribbon Pack features a large collection of ribbon styles that are regularly used in websites. You get Wrapping Ribbons, Hanging Ribbons and Banner Ribbons. All ribbon styles come in 4 colour variations and you get 116 ribbon styles in total!

Key Features are:

  • 12 Wrapping Ribbons styles
  • 6 Hanging Ribbon styles
  • 11 Banner Ribbon Styles
  • 4 colour variations
  • Pure CSS3, no images
  • The ribbons have a very simple html mark-up and all the various ribbons styles are achieved by just adding a few class names.

NOTE: These ribbons work best in modern CSS3 enabled browsers which include Firefox 4.0+, Chrome 10.0+, Safari 4.0+, Opera 11.10+ and IE9+. CSS3 PIE and javascript has been used to make the ribbons look as good as possible in older browsers like IE8 and lower.

Updated on 16 June, 2013 – version 1.0.2

  • Edited code to conform to new css linear gradient syntax. This solves a few problems in newer versions of browsers.
  • Fixed a curled hanging ribbon bug in Chrome and Safari.

Updated on 11 August, 2012 – version 1.0.1

  • Fixed a few bugs that were causing problems in newer versions of Firefox.
  • Fixed a Hanging Ribbon bug in Chrome.

More Items by CosmoCoder

CSS3 FORM PACK Search Form Styles Login Form Styles Contact Form StyLes One General Form ciD Focus Error StyLing Dark Light Color Variations Pure CSS HTML5

1VM SIIiIDVII Aac STAND SHADOW CSS3 SHADOW PACK Shadow Styles lengths Shadow Intensities Pure CSS, Images

Show Photos, Audio, Video ova lie Two Display Modes Filtering FunctionaUty Multiple Gallery Sets Support Support FLuid Responsive Design Two Colour Schemes Multiple Settings

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


22 November 11

Last Update:
16 June 13

High Resolution:

Compatible Browsers:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Files Included:

Software Version:


eCommerce, eCommerce, All Items, banner ribbons, css3, hanging ribbons, ribbons, wrapping ribbons