inline-css-bits

Esc

Diagonal Stripes

<div style="width:100%;min-height:200px;border-radius:12px;background:repeating-linear-gradient(45deg,#606dbc,#606dbc 10px,#465298 10px,#465298 20px)"></div>

Customize

#606dbc
#465298
px

Props

Name Type Default Description
color1 color #606dbc Stripe color 1
color2 color #465298 Stripe color 2
borderRadius slider (px) 12px Corner roundness

Diagonal stripe pattern

stripespattern