Text Shadow
Tambah bayang teks
Sintaks
visual="text-shadow:[value]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
none | text-shadow: none | Tiada bayang |
small | text-shadow: 0 1px 2px rgba(0,0,0,0.1) | Bayang kecil |
medium | text-shadow: 0 2px 4px rgba(0,0,0,0.1) | Bayang sederhana |
big | text-shadow: 0 4px 8px rgba(0,0,0,0.1) | Bayang besar |
Contoh
html
<h1 visual="text-shadow:medium">Shadowed heading</h1>Pratonton
Bayang Teks
visual="text-shadow:medium" - Tambah bayang pada teks
none
small
medium
big
Lihat Kod
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
<div space="p:small" visual="bg:primary text:white rounded:small text-shadow:none text-size:big">none</div>
<div space="p:small" visual="bg:success text:white rounded:small text-shadow:small text-size:big">small</div>
<div space="p:small" visual="bg:warning text:black rounded:small text-shadow:medium text-size:big">medium</div>
<div space="p:small" visual="bg:danger text:white rounded:small text-shadow:big text-size:big">big</div>
</div>Nilai Arbitrari
Sokong nilai tersuai menggunakan sintaks kurungan segi empat:
html
<div visual="text:[custom-value]">Custom</div>