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.

Teknik Hover Menggunakan Transisi Dengan CSS3

Kemudian, silhkan ketikkan kode CSS nya sebagai berikut.

Teknik Hover Menggunakan Transisi Dengan CSS3

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

Teknik Hover Menggunakan Transisi Dengan CSS3

Setelah di hover, maka hasilnya akan seperti ini.

Teknik Hover Menggunakan Transisi Dengan CSS3