hover-effectsHallo teman-teman, apa kabar nya ?  semoga baik-baik aja yah. amin

Ketemu lagi dengan saya, kali ini saya akan berbagi artikel mengenai cara mengubah gambar dengan efek hover. mau tau seperti apa, penasarankan ? langsung aja yuk kita praktik.

Sebelum nya teman-teman harus menyiapkan gambar nya terlebih dahulu, setelah itu baru teman-teman bisa buka text editornya masing-masing.

Kalo sudah, silahkan kan ketikan script atau kode html nya seperti dibawah ini:

html

Setelah itu, kita lanjutkan lagi untuk script CSSnya langsung saja silahkan ketikan kembali script CSS berikut di antara tag head atau teman-teman bisa membuatnya secara terpisah:

css

Ok. kalo sudah jangan lupa disimpan, kemudian teman-teman bisa dilihat hasil nya seperti apa pada browser masing-masing.

gimana, keren kan ?

Baiklah cukup sekian artikel kali ini, semoga bisa bermanfaat bagi teman-teman yang lagi belajar, tetap semangat!

sampai jumpa dilain kesempatan 🙂