Gradient Sunset
Sunset Text
<span style="background:linear-gradient(90deg,#ff512f,#f09819,#dd2476);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:bold;font-size:2em">Sunset Text</span>Customize
#ff512f
#f09819
#dd2476
Props
| Name | Type | Default | Description |
|---|---|---|---|
text | text | Sunset Text | Displayed text |
color1 | color | #ff512f | Gradient start color |
color2 | color | #f09819 | Gradient middle color |
color3 | color | #dd2476 | Gradient end color |
fontSize | slider (em) | 2em | Text size |
fontSizeUnit | select | em | Font size unit |
Sunset-like gradient text effect