Tutorial CSS - Part 3

Pada kesempatan kali ini, saya akan menunjukkan bagaimana caranya rollover image, apa itu rollover image? Rollover image adalah gambar satu  yang ketika anda sorot / hover dengan mouse berubah menjadi gambar lain, ketika anda lepaskan menjadi gambar semula. Terdengar hebat? atau mungkin sederhana? Mari kita coba dulu. Kali ini saya memberikan khusus untuk pengguna Adobe Dreamweaver.

• Buka Adobe Dreamweaver
• Klik File - New - HTML
• Klik Insert - Image Objects - Rollover Image

• Setelah itu akan muncul kotak dialog seperti ini

• Pada bagian "Original  Image" adalah bagian dimana gambar pertama / gambar default
• Pada bagian "Rollover Image" adalah bagian dimana gambar kedua / gambar ketika di mouse hover
• Setelah kedua gambar dipilih, klik OK
• Save dokumen anda, dan jalankan dengan menekan F12.
• Selesai