Wave Pattern
<div style="width:100%;min-height:200px;border-radius:12px;background-color:#0f172a;background-image:radial-gradient(circle at 50% 100%,transparent 20px,#1e293b 21px,#1e293b 34px,transparent 35px),radial-gradient(circle at 0% 100%,transparent 20px,#1e293b 21px,#1e293b 34px,transparent 35px),radial-gradient(circle at 100% 100%,transparent 20px,#1e293b 21px,#1e293b 34px,transparent 35px);background-size:40px 40px"></div>Customize
#0f172a
#1e293b
px
Props
| Name | Type | Default | Description |
|---|---|---|---|
bgColor | color | #0f172a | Background base color |
waveColor | color | #1e293b | Wave pattern color |
borderRadius | slider (px) | 12px | Corner roundness |
Repeating wave scallop pattern