Hallo sahabat Dumet. Banyak sekali animasi-animasi hover yang sangat menarik yang dapat kita buat dengan CSS. CSS juga banyak menyediakan property-properti yang dapat mendukung developher untuk membuat sebuah animasi. Untuk itu, pada tulisan kali ini saya akan membuat sebuah animasi hover dengan objek matahari. Jadi, ketika objek matahari di hover, dia akan berputar.

Sebelumnya, sahabat sediakan sebuah objek gambar berukuran 200×200 dengan format PNG.

Lalu, sahabat coba buat struktur HTML nya seperti di bawah ini.

Animasi Hover Matahari

Kemudian, tambahkan style CSS nya seperti berikut ini.

Animasi Hover Matahari

Kalo sudah, coba sahabat jalankan file HTML nya pada browser dan hover objek mataharinya. Maka objek matahari tersebut akan berputar dan berhenti ketika tidak di hover.

Animasi Hover Matahari

Selamat mencoba di rumah dan sampai jumpa lagi pada tulisan saya selanjutnya. 🙂