π CSS Ribbon Generator
δΈζ
English
β Back to Home
Ribbon Color
#ef4444
Text Color
#ffffff
Ribbon Text
Font Size
14px
Ribbon Width
160px
Ribbon Height
36px
Fold Size
8px
Position
Top Left
Top Right
Center
Bottom Left
Bottom Right
Style
Folded
Straight
Flag
Preview Area
π Copy CSS
π Copy HTML+CSS
/* CSS code will appear here */
π’ Ad Space
π‘ How to Use
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
π¬
π Feedback
β
π‘ Feature Request
π Bug Report
π¬ Other
0/1000
Submit
β ζθ°’ει¦οΌε·²Submitε°GitHub Issues