Skip to content

Rujukan Visual

Atribut visual mengawal warna, tekstur, tipografi, dan penampilan.

Latar Belakang

Tipografi

Pemformatan Teks

Senarai

Sempadan

Kesan

Penapis

Penapis Latar Belakang

Peralihan

Animasi

  • Terbina Dalam - animate:spin, animate:pulse, animate:bounce
  • Tempoh - anim-duration:fast, anim-duration:slow
  • Kelewatan - anim-delay:short, anim-delay:long
  • Iterasi - anim-iteration:infinite, anim-iteration:2
  • Arah - anim-direction:reverse, anim-direction:alternate
  • Mod Isi - anim-fill:forwards, anim-fill:backwards
  • Status Main - anim-play:paused, anim-play:running

Transform

  • Skala - scale:[1.1], scale-x:[0.5]
  • Putar - rotate:[45deg], rotate:[90deg]
  • Terjemah - translate-x:[10px], translate-y:[20px]
  • Senget - skew-x:[5deg], skew-y:[10deg]
  • Asal - origin:center, origin:top-left

Transform 3D

Interaktiviti

SVG

  • Isi - fill:current, fill:none
  • Garis - stroke:current, stroke:primary
  • Lebar Garis - stroke-w:1, stroke-w:2

Kebolehcapaian

Contoh Pantas

html
<div visual="bg:white rounded:big shadow:medium text:dark">
  Kad dengan pelbagai sifat visual
</div>