inline-css-bits

Esc

Cross Hatch

<div style="width:100%;min-height:200px;border-radius:12px;background-color:#2d3436;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,0.05) 10px,rgba(255,255,255,0.05) 11px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,0.05) 10px,rgba(255,255,255,0.05) 11px)"></div>

Customize

#2d3436
px

Props

Name Type Default Description
bgColor color #2d3436 Base background color
borderRadius slider (px) 12px Corner roundness

Cross-hatch pattern background

patternhatch