Image Opacity Effect (fair-dark)

Annyeonghaseyo.. :)

petang ni, nak buat tuto cket la..heehe..korang tau tak ape tu, image opacity effect?
maksudnye, korang tengok pic tu, mcm cerah semacam je, bila korang sentuhkan cursor kat pic tu, dia jadi mcm pic sebenar. haa..
tau macam mane kan?? okea.. ni caranya..:

1.Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript
2. copy salah satu code kat bawah tu dan paste kan kat dalam HTML/Javascript. okey! :)




  <style>
    /* ----- Image opacity effect 2 ----- */
    .post a img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
     }
.post a:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0;
    }
    </style>

ha... senang kan? ha.. kalau tak jadi, bgtau tau..hihi...:)

credit to : someone:D


SELAMAT MENCUBA :)
thanks for readings!

No comments:

Post a Comment

hey2! comment here....