Apakah pernah mengenal Animation pada Vue Js? Vue Js menyediakan beberapa cara untuk menggunakan efek animasi pada sebuah item.

Animation secara ringkas bisa di artikan sebagai gambar yang bergerak, dapat berupa objek seperti bentuk lingkaran, kotak, garis kurva, teks, foto dll. Sedangkan bergerak disini dapat berupa gerakan memutar, berpindah tempat, membesar, mengecil, sampai dengan gerakan datang dan mendekat.

Beberapa cara menggunakan efek Animation pada Vue Js untuk sebuah item. Animation pada Vue Js juga mendukung transition yang berasal dari css.

Terdapat enam class CSS yang disediakan Vue Js untuk melakukan transisi enter dan transisi leave, enam metode tersebut ialah:

  • v-enter : saat keadaan baru dimulai
  • v-enter-active : saat keadaan mulai aktif
  • v-enter-to : saat keadaan baru mulai berakhir
  • v-leave : saat keadaan akan berakhir (mengakhiri akhir)
  • v-leave-to : saat keadaan berakhir

Berikut adalah pengenalan tentang Animation pada Vue Js. Nanti kita akan bahas satu persatu. Semoga bermanfaat.

WhatsApp chat