Halo, ketemu lagi dengan saya, pada tutorial kali ini saya akan membahas mengenai bagaimana Cara Membuat Animasi Gambar dengan Hover, Membuat animasi pada gambar dengan hover sangat lah mudah, kita hanya menggunakan fungsi hover yang sudah disediakan oleh CSS3, Nah bagaimana cara nya membuat hover simak langkah-langkah nya berikut ini.

Pertama-tama silahkan kalian siapkan dulu satu buah gambar berukuran 450×350 pixel, setelah itu kita buat struktur HTML nya seperti berikut.

Kemudian, kalian masukan gambar pada kode img diatas, setelah itu, kita akan buat animasi hover gambar nya dengan kode CSS3 berikut ini.

Nah, setelah kode diatas sudah diketikan, langkah selanjutnya adalah simpan file nya terlebih dahulu, kemudian coba kalian buka pada browser masing-masing dan lihat hasilnya. Maka ketika kalian arahkan kursor ke arah gambar akan terjadi efek hover nya.

DEMO

Baik itulah tutorial tentang bagaimana Cara Membuat Animasi Gambar dengan Hover, semoga bermanfaat.

Selamat mecoba 🙂