Cara Membuat Efek Gelap Terang Gambar dengan CSS - Sebagai salah satu kode bahasa yang sangat penting untuk pembuatan design sebuah website adalah CSS3. Dalam membuat efek pada gambar, gadget, box, area, menu dropdown, dan sebagainya merupakan contoh hasil penggunaan CSS.
Pada kesempatan kali ini, kita akan membahas mengenai Cara Membuat Efek Gelap terang dengan menggunakan CSS. Efek ini akan membuat gambar pada artikel kita apabila tersentuh oleh mouse maka akan menjadi gelap, begitu juga sebaliknya.
Membuat Efek Image Hover Gelap ke Terang :
1. Masuk ke bagian Tata Letak / Design Rancangan / Layout.
2. Add a Gadget / Widget.
3. Pilih HTML/Javascript
4. Copy kode ini dan letakkan di box area tersebut.
<style>img {filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}img:hover {filter:alpha(opacity=100);-moz-opacity:.0;opacity:1.0;}</style>
5. Simpan/save Widget Anda.
Semoga bermanfaat,,
