Gradient Via
Tetapkan warna tengah gradien
Sintaks
visual="via:[color]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
purple-500 | --tw-gradient-via: var(--c-purple-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) | Melalui ungu |
Contoh
html
<div visual="bg-image:gradient-to-r from:blue-500 via:purple-500 to:pink-500">Three-color gradient</div>Pratonton
Pertengahan Gradien
visual="via:purple-500" - Tambah hentian warna tengah pada gradien
from:blue via:purple to:pink
Lihat Kod
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
<div space="p:medium" visual="bg-image:gradient-to-r from:blue-500 via:purple-500 to:pink-500 text:white rounded:small">from:blue via:purple to:pink</div>
</div>Nilai Arbitrari
Sokong nilai tersuai menggunakan sintaks kurungan segi empat:
html
<div visual="gradient:[custom-value]">Custom</div>