Backdrop Opacity
Tetapkan kelegapan latar belakang
Sintaks
visual="backdrop-opacity:[value]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
0 | backdrop-filter: opacity(0) | Lutsinar |
50 | backdrop-filter: opacity(0.5) | 50% kelegapan |
100 | backdrop-filter: opacity(1) | Sepenuhnya legap |
Contoh
html
<div visual="backdrop-opacity:50">Semi-transparent backdrop</div>Pratonton
Kelegapan Latar Belakang
visual="backdrop-opacity:50" - Kawal ketelusan latar belakang
0
50
100
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">0</div>
<div space="p:small" visual="bg:primary text:white rounded:small">50</div>
<div space="p:small" visual="bg:primary text:white rounded:small">100</div>
</div>Nilai Arbitrari
Sokong nilai tersuai menggunakan sintaks kurungan segi empat:
html
<div visual="backdrop:[custom-value]">Custom</div>