Hallo teman-teman dumet school, kembali lagi dengan saya di kursus web design. Kali ini saya akan membahas tentang Cara Membuat Animasi Berputar Dengan Metode Animate Jquery.

Metode .animate() berfungsi untuk membuat efek animasi pada setiap properti CSS numerik. Setiap animate memiliki durasi yang diberikan dalam milidetik. nilai yang lebih tinggi menunjukkan animasi yang lebih lambat, bukan yang lebih cepat. Durasi default adalah 400 milidetik. String ‘cepat’ dan ‘lambat’ dapat dipasok untuk menunjukkan jangka waktu masing-masing 200 dan 600 milidetik.

Nah untuk kasus ini properti CSS yang digunakan adalah textIndent. Dan disini ada sedikit tambahan dari pembahasan saya sebelumnya. Dimana saya menggunakan 2 metode untuk menghentikan animasi, yaitu metode . clearQueue() dan .stop().  Metode . clearQueue() untuk menghapus semua item dari antrian yang belum dijalankan. Perhatikan bahwa ketika sebuah fungsi mulai berjalan, sistem akan berjalan sampai selesai. Dan menggunakan metode .stop() digunakan untuk menghentikan animasi atau efek sebelum selesai.

Untuk mengetahui Cara Membuat Animasi Berputar Dengan Metode Animate Jquery kita langsung praktekkan dengan membuat struktur htmlnya sebagai berikut.

Jika sudah selesai maka kita mulai untuk membuat script jquerynya. Dan teman-teman bias copy kode di bawah ini.

Jika sudah selesai maka teman-teman bisa jalankan di browser masing-masing. Dimana gambar yang ada di dalam tag body akan berputar 360 derajat dan terus mengulangi animasinya. Dan jika tombol stop di klik maka secara otomatis animasinya akan berhenti. Dan jika tombol start di tekan maka animasinya akan berjalan kembali.

Demikian artikel tentang Cara Membuat Animasi Berputar Dengan Metode Animate Jquery. Semoga bisa bermanfaat dan selamat mencoba.