Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Membuat Animasi dengan Animate dijquery. Pada tutorial kali ini kita akan belajar tentang cara menggunkan fungsi animate pada jquery. Metode .animate () memungkinkan kita untuk membuat efek animasi pada setiap properti CSS numerik. Satu-satunya parameter yang diperlukan adalah objek polos properti CSS. Objek ini mirip dengan yang dapat dikirim ke metode .css (), kecuali bahwa rentang properti lebih terbatas.

Properti Animasi dan Values

Semua properti animasi harus dianimasikan ke satu nilai numerik, kecuali seperti yang disebutkan di bawah ini; kebanyakan properti yang non-numerik tidak dapat dianimasikan menggunakan fungsi jQuery dasar (Misalnya, lebar, tinggi, atau kiri dapat beranimasi tetapi warna latar belakang tidak bisa, kecuali jQuery.Color plugin digunakan). Nilai properti diperlakukan sebagai sejumlah piksel kecuali ditentukan lain. Unit em dan% dapat ditentukan jika berlaku.

 

Oke untuk lebih jelasnya silahkan lihat contoh di bawah ini.

Hal pertama silahkan teman – teman buat file HTML di bawah ini;

Oke kalau sudah silahkan teman – teman buat CSS untuk file HTML di atas.

CSS di atas untuk membuat design tampilan HTML-nya, Oke sekarang kita akan membuat animasi motor berjalan menggunakan fungsi animate, silahkan lihat di bawah ini cara menggunakan fungsi animatenya.

Oke itulah tadi pembahasan saya tentang Cara Membuat Animasi dengan Animate dijquery, semoga bermanfaat.