Categories: CSS3 CSS Advanced Text Effects
Resources: Jar of Downloads Jar of Pictures

Ribbon CSS Generator

Create a simple ribbon banner to show the titles on your page. Recommended to be used on the left side of the page.
Text:
Text Color:
Color:
Shadow Color:
Width:
px
Padding:
px
Fold:
PREVIEW
TEXT HERE

This notepad background represents your website layout. The ribbon fold is designed to appear outside of the layout and will only appear if the window is wide enough.

To make the ribbon fold appear inside the layout, increase the padding.