Backdrop Hue Rotate
Putar rona latar belakang
Sintaks
visual="backdrop-hue-rotate:[degrees]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
0 | backdrop-filter: hue-rotate(0deg) | Tiada putaran |
90 | backdrop-filter: hue-rotate(90deg) | Putaran 90° |
180 | backdrop-filter: hue-rotate(180deg) | Putaran 180° |
Contoh
html
<div visual="backdrop-hue-rotate:90">Rotated hue backdrop</div>Pratonton
Putaran Rona Latar Belakang
visual="backdrop-hue-rotate:90" - Putar warna di belakang elemen
0°
90°
180°
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">90°</div>
<div space="p:small" visual="bg:primary text:white rounded:small">180°</div>
</div>Nilai Arbitrari
Sokong nilai tersuai menggunakan sintaks kurungan segi empat:
html
<div visual="backdrop:[custom-value]">Custom</div>