# Animasi

![animation-01][animation-01]  
Anda boleh mengkonfigurasi animasi untuk komponen yang akan dipicu semasa berpindah antara mod pra-tontonan dan pemantauan.

- Ciri-ciri

  - Masa Menunggu - Masa menunggu sebelum memulakan animasi
  - Tempoh - Tempoh setiap pusingan animasi
  - Selang Masa - Selang masa antara animasi
  - Ulangan - Sama ada animasi harus berulang secara automatik
  - Putar Auto - Sama ada animasi harus mula secara automatik apabila komponen dicipta
  - Delta - Fungsi Delta Animasi yang mengawal kemajuan animasi
  - Mudah - Penjadualan Fungsi Delta Animasi
    - Masuk - Titik masuk
    - Keluar - Titik selesai
    - MasukKeluar - Titik masuk dan selesai

- Jenis Animasi

1. Pusingan
   ![animation-02][animation-02]
   ![animation-03][animation-03]
1. Getaran  
   ![animation-04][animation-04]
1. Denyutan  
   ![animation-05][animation-05]
1. Pemindahan
   ![animation-06][animation-07]
   ![animation-07][animation-06]
   ![animation-08][animation-09]
   ![animation-09][animation-08]
1. Garis Luaran  
   ![animation-10][animation-10]

[animation-01]: ../images/animation-01.gif
[animation-02]: ../images/animation-02.gif
[animation-03]: ../images/animation-03.gif
[animation-04]: ../images/animation-04.gif
[animation-05]: ../images/animation-05.gif
[animation-06]: ../images/animation-06.gif
[animation-07]: ../images/animation-07.gif
[animation-08]: ../images/animation-08.gif
[animation-09]: ../images/animation-09.gif
[animation-10]: ../images/animation-10.gif