Menambahkan Animasi

Animasi merupakan aspek penting yang dapat kamu tambahkan pada website agar websitemu terasa interaktif dan menarik. Tambahkan animasi pada beberapa elemen.

TIP:
Walau animasi merupakan aspek yang penting, terlalu banyak animasi juga akan membuat websitemu terasa berlebihan. Memilih dan merencanakan elemen-elemen yang ingin diberi animasi akan membantu membuat website terasa menarik namun tidak berlebihan.

 

Menambahkan animasi:
  1. Klik elemen yang ingin diberi efek animasi.
  2. Akan muncul menu bar pada bagian kanan atas elemen. Pilih menu Animasi.
    [047][Edited]-01
  3. Pilih jenis animasi yang diinginkan.
  4. Klik tombol Sesuaikan Animasi untuk mengatur detail animasi yang ingin diaplikasikan.
    • Durasi (Duration)
      Waktu yang diperlukan animasi untuk berjalan hingga selesai.
    • Waktu Tunda (Delay Time)
      Waktu yang dibutuhkan untuk menunggu dari elemen muncul di layar hingga akhirnya animasi mulai berjalan. Contoh: Apabila kamu memberikan waktu tunda 0s maka animasi akan langsung terjadi. Jika kamu memberikan waktu 5s maka animasi akan terjadi 5 detik setelah elemen muncul pada layar.
    • Tampilkan pada
      Kamu bisa memilih agar animasi muncul pada saat pertama kali elemen muncul saja atau ketika kursor sedang berada di atas elemen tersebut (hover).