CSS3 Ribbon Pack

Description

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.

Reviews

Changelog

Version 1.0.2 (16 June, 2013)

    • 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.

Version 1.0.1 (11 August, 2012)

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