CSS Image Opacity (Efek Transparent Pada Gambar)

Assalamualikum,
Kali ini kita akan membahas tentang Efek gambar Pada CSS. Sesuai Judul, kita akan melakukan efek Transparent pada Gambar saat di sorot maupun sebaliknya.
ya, langsung aja sob, udah malem nih.
Cekibrottt -->


1. Login Blogger
2. Rancangam --> Edit HTML (Jangan Lupa Backup template dlu)
3. Cari tag ]]></b:skin>
4. Masukan Code CSSdi bawah ini di atas Tag ]]></b:skin>

.img_opacity{
opacity:0.4;
filter:alpha(opacity=40);
}
.img_opacity:hover{
opacity:1.0;
filter:alpha(opacity=100); /
}

Keterangan diatas menandakan bahwa Code berwarna biru adalah, efek Gambar saat Transparan, sobat bisa mengaturnya sendiri, Pada umumnya Browser Mozzila Dan IE normalnya hanya sampai 1.0, jadi Sobat hanya boleh menambahnya sebanyak 0.1, lalu code berwarna Ungu itu adalah efek yang dihasilkan jadi jika Opacitynya 0.1 Alphanya harus 10
Sedangkan pada Hover yang di hasilkan terdapat Code warna Hijau itu adalah Efek Normal dari sebuah gambar, jadi Efek normalnya adalah dengan Opacity=0.1 Dan Alphanya=100.

5. Simpan Template Sobat.
6. Panggil Baris Code CSS tersebut dengan menggunakan Code HTML, ya iyalah itu udah wajibnya, gk boleh di ganggu gugat wakakaka ..

<a class="img_opacity" href="http://forbiden-403.blogspot.com"><img  border="0" src="URL Gambr Loe" /></a>

DEMO