1. Opacity 50% pada gambar:

Aturan kode css nya:

img{
opacity:.50;
filter:alpha(opacity=50);
filter: "alpha(opacity=50)";
}

2. Opacity 100% pada gambar hingga angka maximum tiada transparansi

The css rules:

img{
opacity:1;
filter:alpha(opacity=100);
filter: "alpha(opacity=100)";
}

3. Efek opacity dari 100% ke 40% untuk status hover

aturan kodenya:

a:hover img{
opacity:.40;
filter:alpha(opacity=40);
filter: "alpha(opacity=40)";
}

4. Efek opacity dari 40% ke 1000% untuk status hover

aturan kodenya :

a img{
opacity:.40;
filter:alpha(opacity=40);
filter: "alpha(opacity=40)";
}
a:hover img{
opacity:1;
filter:alpha(opacity=100);
filter: "alpha(opacity=100)";
}

5. Perbedaan antara normal teks dan teks dengan opacity 60% 60%:

Berikut kode yang bisa digunakan:

opacity:.60;
filter:alpha(opacity=60);
filter: "alpha(opacity=60)";
}

Hasilnya:

Css property opacity 100

Css property opacity 60

Note: Untuk browser versi lama masih menggunakan ‘-moz-opacity’.