Teknik Hover Menggunakan Transisi Dengan CSS3

Hallo sahabat, bagaimana kabar sahabat hari ini? Semoga baik ya…. Pada tutorial sebelumnya, saya telah memberikan tutorial tentang teknik hover. Kali ini sedikit berbeda, karena saya menyisipkan sebuah transisi. Jadi gerakan kecepatan hovernya bisa di atur. Caranya sangat mudah sekali, silahkan sahabat ketikkan kode HTML nya sebagai berikut. 

Kemudian, silhkan ketikkan kode CSS nya sebagai berikut.

Setelah selesai, silahkan sahabat jalankan file .html nya pada browser kesayangan sahabat. Maka hasilnya akan seperti ini. 

Setelah di hover, maka hasilnya akan seperti ini.

Mudah bukan? Sampai jumpa di tutorial selanjutnya :)