Dibalik Waktu

Kali ini kita akan mencoba membuat gambar transparan dengan efek hover atau efek yang terjadi saat mouse berada di atas gambar yang kita jadikan transparan. Biar lebih jelas langsung ke contoh aja :

Gimana efeknya ? kalau tertarik ingin membuatnya berikut ini tutorialnya :

1. Copy dan Paste kode ini sebelum </head>

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

Ket :
opacity - untuk menentukan seberapa transparan gambar nilai paling besar 1 filter:alpha(opacity=100) - khusus untuk Internet Explorer nilai paling besar 100

3. Menampilkan Gambar

<img src="url gambar" class="trans"/>

Kode merah diganti dengan url gambar kamu.