Ribbon Style
100px
20px
13px
Preview
NEW
Product Card
Sample Product
$29.99
Generated CSS
.card {
position: relative;
overflow: hidden;
/* other card styles */
}
.ribbon {
position: absolute;
right: -25px;
top: 20px;
width: 100px;
padding: 6px 0;
background: #ef4444;
color: #ffffff;
font-size: 13px;
font-weight: 700;
text-align: center;
letter-spacing: 0.05em;
transform: rotate(45deg);
transform-origin: center center;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}