Tutorial buat image opacity effect
Posted on Tuesday 13 September 2011, 16:14, Comment [0]



Cuba klik kat ganbar tu,jelas kan?/


Pergi Dashboard-Design-Add a Gadget-HTML/Javascripts.Dalam content,isi salah satu code ini:

Jenis pertama:


<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>


Jenis kedua,(macam saya punya):


<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>


Save.

Labels:

Navigates


Majesty|Item|Alien|Post|Follow


Cakap-cakap


nice words please...


Sing A Song



Creditors

Skin By : Hafiz Zulkafly
Device : Adobe Photoshop CS5
Others : Pakcik Google ImgUr
Best View : Using Google Chrome


Time Machine

Copyright© 2011 : Hafiz Zulkafly. All Right Reserved.