Hallo teman-teman Dumet School, bertemu lagi dengan saya Shelli Ripati di kursus Web Design. Kali ini saya akan membahas tentang cara Membuat Animasi Warna Menggunakan Fungsi Animate Jquery UI. Animate yang ada pada Jquery UI berfungsi untuk membuat animasi pada suatu objek atau element yang kita tentukan.

Untuk dapat mengetahui cara Membuat Animasi Warna Menggunakan Fungsi Animate Jquery UI kita langsung saja membuat struktur htmlnya terlebih dahulu ya teman-teman. Teman-teman bisa salin script yang ada di bawah ini.

Lalu teman-teman jangan lupa tambahkan link jquery ui dan jquerynya seperti link di bawah ini. Teman-teman bisa letakkan di dalam head. Dan kebetulan disini untuk jquery UInya saya download. Teman-teman bisa dapatkan link jquery dan file download jquery uinya di jquery.com dan jqueryui.com .

Lalu langkah terakhir untuk dapat Membuat Animasi Warna Menggunakan Fungsi Animate Jquery UI adalah script jquerynya. Teman-teman bisa salin scriptnya seperti yang ada di bawah ini.

Nah temen-temen bisa perhatikan pada studi kasus kali ini saya membuat animasi color dan ukuran widthnya dari suatu objek. Ketika saya klik maka warna dan ukuran width berubah ketika tombol di klik kembali maka tampilan akan seperti semula. Seperti pada gambar di bawah ini.

Membuat Animasi Warna Menggunakan Fungsi Animate Jquery UI

Dan setelah di klik maka tampilannya seperti pada gambar di bawah ini.

Membuat Animasi Warna Menggunakan Fungsi Animate Jquery UI

Demikian artikel tentang cara Membuat Animasi Warna Menggunakan Fungsi Animate Jquery UI. Semoga artikel ini dapat bermanfaat dan menambah wawasan baru. Buat teman-teman yang penasaran, bisa langsung di coba. Sampai jumpa di pembahasan berikutnya.