Conic Rainbow
<div style="width:100%;min-height:200px;border-radius:12px;background:conic-gradient(from 0deg,#ff0000,#ff7f00,#ffff00,#00ff00,#0000ff,#9400d3,#ff0000)"></div> Customize
px
#ff0000
Props
| Name | Type | Default | Description |
|---|---|---|---|
borderRadius | slider (px) | 12px | Corner roundness |
startColor | color | #ff0000 | Conic gradient start color |
Conic rainbow gradient background