Backdrop Contrast

Laraskan kontras latar belakang

Sintaks

visual="backdrop-contrast:[value]"

Nilai

Nilai	CSS Output	Huraian
low	backdrop-filter: contrast(0.5)	Kontras rendah
reduced	backdrop-filter: contrast(0.75)	Kontras dikurangkan
normal	backdrop-filter: contrast(1)	Kontras normal
high	backdrop-filter: contrast(1.25)	Kontras tinggi
max	backdrop-filter: contrast(1.5)	Kontras maksimum

Contoh

<div visual="backdrop-contrast:high">High contrast backdrop</div>

Pratonton

Kontras Latar Belakang

visual="backdrop-contrast:high" - Laraskan kontras di belakang elemen

low

normal

high

Lihat Kod

<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">low</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">normal</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">high</div>
</div>

Nilai Arbitrari

Sokong nilai tersuai menggunakan sintaks kurungan segi empat:

<div visual="backdrop:[custom-value]">Custom</div>