What browsers does the CSS ribbon support?

The generated CSS uses standard CSS3 properties and works in all modern browsers including Chrome, Firefox, Safari, and Edge.

Does the ribbon require JavaScript?

No. The generated ribbon is pure CSS and HTML. No JavaScript is needed to display it on your website.

Yes. Use the color pickers, sliders and position options on the left to customize everything. Changes preview in real-time.

Updated: 2026-07-11

Ribbon Color #ef4444

Text Color #ffffff

Ribbon Text

Font Size 14px

Ribbon Width 160px

Ribbon Height 36px

Fold Size 8px

Position

Style

Preview Area

/* CSS code will appear here */

Adjust colors, size, position on the left — real-time preview on the right
Three styles: Folded (classic triangle fold), Straight (simple rectangle), Flag (dovetail)
Click "Copy CSS" to use the code in your project
Pure CSS, no JavaScript needed, works in all modern browsers