Trik Image Opacity dengan CSS

Trik dasar css kali ini bagaimana Image ketika disentuh mouse (hover), warnanya image-nya akan memudar (opacity). Caranya sangat mudah yaitu anda tinggal mengganti kode css 'img' anda dengan kode berikut:


img {
filter:alpha(opacity=80);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;

kode diatas dapat anda rubah angka opacity nya, tergantung selera, dan kode ini sudah memenuhi untuk pemakaian browser IE.

Posted in: CSS / HTML,Tutorial