Backdrop Invert
Songsangkan warna latar belakang
Sintaks
visual="backdrop-invert:[value]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
none | backdrop-filter: invert(0%) | Tiada penyongsangan |
partial | backdrop-filter: invert(50%) | 50% penyongsangan |
full | backdrop-filter: invert(100%) | Penyongsangan penuh |
Contoh
html
<div visual="backdrop-invert:full">Inverted backdrop</div>Pratonton
Songsang Latar Belakang
visual="backdrop-invert:full" - Songsangkan warna di belakang elemen
none
full
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">none</div>
<div space="p:small" visual="bg:primary text:white rounded:small">full</div>
</div>Nilai Arbitrari
Sokong nilai tersuai menggunakan sintaks kurungan segi empat:
html
<div visual="backdrop:[custom-value]">Custom</div>