Friday, September 02, 2011

Tutorial : Image opacity Effect




What is the Image Opacity Effect ? Dia utk gambar dlm entry SAHAJA :) if korang buad benda ni, korang akan tgk gambar2 dalam blog korang xjelas taw! Jgn la dok kelam kabut pulak an? Nak kasi dy pic original balek is cursor korang kena sentuh pic korunk tuh automatic pic korang jadi terang mcm original pic balik :D


Mcm biasa mas selalu mula, hehe


Dashboard - add gadget - HTML/JavaScript


Copy and paste into HTML/JavaScript


<style>
/* ----- Image opacity effect 2 ----- */
.post a img {
filter:alpha(opacity=30);
-webkit-transition-duration: 1.5s;
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}

.post a:hover img {
filter:alpha(opacity=100);
-webkit-transition-duration: 1.5s;
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}

</style>

Save :D

kedit to : schafieqah

4 comments:

Asfz said...

jadi! hehe..thanks for the tutorial =D

msermzni said...

@Cik Domo uwelcome :)

Scha Maddi said...

thx,, jadi la... :P

msermzni said...

@cachawelcome :)