Tutorial : Image opacity



Image opacity tu apa ? cuba buat cursor korang ke gambar atas ni . Dia jadi gelap kan ? Haa . itulah image opacity . Nak tahu mcm mana nak wat ? let start !

1. Dashboard > Design > Page elements > Add gadget > HTML / javascript

2.pastekan code bawah ni dalam HTML/Javacript



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


2 Starlight Moonlight:

Melolyn said...
This comment has been removed by the author.
Melolyn said...

Salam, boleh request tutor tak ? Camne nak tukarkan category blog page kat fb kpd Personal Blog mcm awak punya ?

P/S, kalu ada pape, refer sy kat
blog : http://alynhyunnie.blogspot.com/
fb page : http://www.facebook.com/AlynvsHyunnie harap awk dpt membantu, :)