Backdrop Brightness

Laraskan kecerahan latar belakang

Sintaks

visual="backdrop-brightness:[value]"

Nilai

Nilai	CSS Output	Huraian
dim	backdrop-filter: brightness(0.5)	50% kecerahan
dark	backdrop-filter: brightness(0.75)	75% kecerahan
normal	backdrop-filter: brightness(1)	Kecerahan normal
bright	backdrop-filter: brightness(1.25)	125% kecerahan
vivid	backdrop-filter: brightness(1.5)	150% kecerahan

Contoh

<div visual="backdrop-brightness:dark">Darkened backdrop</div>

Pratonton

Kecerahan Latar Belakang

visual="backdrop-brightness:dark" - Redupkan atau cerahkan latar belakang di sebalik tindanan

dim (50%)

normal

bright (150%)

Lihat Kod

<div layout="flex" space="g:medium p:medium" visual="bg-image:gradient-to-br from:orange-500 to:red-500 rounded:medium">
  <div space="p:small" visual="backdrop-brightness:dim rounded:small text:white">dim (50%)</div>
  <div space="p:small" visual="backdrop-brightness:normal rounded:small text:white">normal</div>
  <div space="p:small" visual="backdrop-brightness:vivid rounded:small text:white">bright (150%)</div>
</div>

Nilai Arbitrari

Sokong nilai tersuai menggunakan sintaks kurungan segi empat:

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