Opacity

Tetapkan kelegapan elemen (0-100)

Sintaks

visual="opacity:[value]"

Nilai

Nilai	CSS Output	Huraian
0	opacity: 0	Tidak kelihatan
25	opacity: 0.25	25% kelihatan
50	opacity: 0.5	50% kelihatan
75	opacity: 0.75	75% kelihatan
100	opacity: 1	Sepenuhnya kelihatan

Contoh

<div visual="opacity:50">Half visible</div>

Pratonton

Kelegapan

visual="opacity:50" - Kawal ketelusan elemen dari tidak kelihatan hingga sepenuhnya kelihatan

25%

50%

75%

100%

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 opacity:25">25%</div>
  <div space="p:small" visual="bg:primary text:white rounded:small opacity:50">50%</div>
  <div space="p:small" visual="bg:primary text:white rounded:small opacity:75">75%</div>
  <div space="p:small" visual="bg:primary text:white rounded:small opacity:100">100%</div>
</div>