Belajar JQuery 2: Membuat Animasi

Bagaimana membuat animasi dengan JQuery? JQuery diciptakan untuk membuat halaman website menjadi interaktif dengan menggunakan macam-macam animasi, ada sangat banyak method yang dimiliki library javascript ini untuk membuat berbagai efek, salah satunya adalah animate().

Animate() metode digunakan untuk melakukan animasi kustom dari satu set properti CSS. Metode ini bekerja dengan mengubah elemen dari satu property CSS ke property CSS yang lain.

Buat perintah Javascript di dalam tag head

Di dalam tag body, buat tag button dan div seperti ini

Tambahkan style CSS

Kalau sudah jalankan pada browser dan klik tombol GO

Maka kotak merah tersebut akan berpindah tempat