Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang jQuery UI Effects Color Animation. Pada tutorial kali ini kita akan belajar tentang animation pada sebuah color, pada pembahasan sebelumnya saya membahas fungsi animate untuk membuat animasi motor berjalan kali ini saya akan membahas fungsi animate untuk color animation. Untuk artikel kali ini saya sekadar bermain Рmain dengan fungsi dari sebuah jquery.

Untuk para programer Frontend, pasti sangat menyukai dengan animasi, Karena sebuah website tanpa animasi berasa hambar. Karena website terlihat bagus bukan hanya dari segi tampilan saja, tapi dapat dilihat dari segi animasinya juga.

Oke langsung saja pada pembahasan kita kali ini yaitu cara membuat color animation, pertama silahkan teman – teman buat file HTML di bawah ini.

color_animation.html

HTML di bawah ini di gunakan untuk menunjukan tampilan dari color animation.

Oke kalau sudah silahkan teman – teman buat file CSS di bawah ini, CSS di bawah ini di gunakan untuk mengatur tampilan dari file HTML di atas.

Oke kalau sudah silahkan buat function dari color animationnya, script di bawah ini di gunakan untuk menjalankan fungsi dari color animation

Oke kalau sudah untuk melihat hasilnya silahkan teman – teman jalankan sendiri pada browsernya, oke itulah tadi pembahasan saya tentang jQuery UI Effects Color Animation, semoga bermanfaat.