Hallo… sahabat Dumet, bagaimana kabarnya hari ini? Pasti baik dong? Kalo ada yang kurang baik atau lagi tidak sehat, semoga cepat cehat ya.. aamiin 🙂

Baiklah, untuk tulisan kali ini saya akan memberikan tutorial tentang trik hover menggunakan CSS3. Materi ini sangat sederhana dan mudah, jadi langsung saja simak langkah-langkahnya sebagai berikut:

1. Siapkan dahulu sebuah gambar, yang akan kita gunakan untuk disimpan di dalam HTML. Contohnya saya menggunakan gambar seperti di bawah ini:

Trik-Hover-Menggunakan-CSS

2. Kemudian, tulislah kode HTML dan simpan dengan nama trik.html

Trik-Hover-Menggunakan-CSS-1

3. Lalu, berikan kode CSS dan simpan dengan nama trik.css

Trik-Hover-Menggunakan-CSS-1

Nah… coba Sahabat jalankan file trik.html nya di browser kesayangan Sahabat. Sangat mudah bukan? 🙂

Ok, sampai jumpa lagi pada tulisan saya berikutnya. Jangan bosan-bosan ya 🙂