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.
Kemudian, tambahkan style CSS nya seperti berikut ini.
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.
Selamat mencoba di rumah dan sampai jumpa lagi pada tulisan saya selanjutnya. 🙂