Gradient To
Tetapkan warna akhir gradien
Sintaks
visual="to:[color]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
purple-500 | --tw-gradient-to: var(--c-purple-500) | Akhir di ungu |
pink-500 | --tw-gradient-to: var(--c-pink-500) | Akhir di merah jambu |
Contoh
html
<div visual="bg-image:gradient-to-r from:blue-500 to:purple-500">Blue to purple</div>Pratonton
Akhir Gradien
visual="to:purple-500" - Tetapkan warna pengakhiran gradien
to:purple-500
to:pink-500
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 to:purple-500 text:white rounded:small">to:purple-500</div>
<div space="p:medium" visual="bg-image:gradient-to-r from:blue-500 to:pink-500 text:white rounded:small">to:pink-500</div>
</div>Nilai Arbitrari
Sokong nilai tersuai menggunakan sintaks kurungan segi empat:
html
<div visual="gradient:[custom-value]">Custom</div>