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

<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

<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:

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