Tutorial : Image Opacity Effect


1. Dashboard --> Layout --> Add a Gadget --> Html JavaScript
Copy kod dekat bawah nih dalam HTML / JavaScript tadi.
<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>
Then , tayah preview lar , SAVE ja terus :D

Atau Guna coding dengan masukkan dalam Html : Nurrul guna yang ini :")
Wash Denim Template
1. Dashboard --> Template --> Edit Html --> Proceed 
2. Cari kod di bawah :
#outer-wrapper{
3. Copy dan paste code ini di atas kod tadi :

img:hover{
  border-width: 0;
  border-radius:10px;
  opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
img{
   filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;
   -webkit-transition:1s;border-radius:10px;filter:
}
4. Save !!! :"D



2 comments

ღ Nice to see , nice to read ,
Once comment , I will hit you back ! :D
Its that true my poem ? HAHA. Ignore it..

Thanks , I love you all !