MEMBUAT EFEK GELAP TERANG PADA GAMBAR WEBSITE

MEMBUAT EFEK GELAP TERANG PADA GAMBAR WEBSITE

MEMBUAT EFEK GELAP TERANG PADA GAMBAR WEBSITE mempunyai ciri khas tersendiri karena tampilan ini sedikit menarik dibandingkan dengan tampilan gambar sebelumnya itu yang saya alami karena pada gambar akan nampak terang ketika mouse di arahkan dan akan kembali gelap ketika mouse menjauh.

Dengan semakin pesatnya kode CSS dalam merubah tampilan website seperti halnya membuat textbox dengan css,menu dropdown dengan css dan banyak lagi yang lainnya.Maka dari itu pada kesempatan ini dalam pembahasan Cara Membuat Efek Gelap Terang Pada Gambar saya akan menggunakan kode CSS supaya kelihatan lebih indah,untuk lebih jelasnya silahkan kalian perhatikan langkah langkahnya di bawah ini.

Cara Membuat Efek Gelap Terang Pada Gambar

1. Login dulu ke akun blog kalian.

2. Pilih menu Template --> Edit HTML ( Centang Expand Widget Templates ).

3. Cari kode ]]></b:skin> ( Gunakan CTRL+F untuk mempermudah pencarian ).
4. Copy kode di bawah dan letakan tepat di atas kode ]]></b:skin>.

Silahkan pilih salah satu kode yang di inginkan :

Efek Terang Ke Gelap

img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } img:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

Efek Gelap Ke Terang

img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; } img:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity 1.0; }
5. Kemudian save dan silahkan lihat hasilnya.