Monday, November 26, 2012

Tutorial Gambar Hover

Greeting Text


Gambar ; Kabur jadi Terang
Step ;

1) Dashboard > Layout > Add a Gadget > Html / Javascript 

2) Copy code nie.
<style>
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
img:hover {
filter:alpha(opacity=100);
-moz-opacity:.0;
opacity:1.0;
}
</style>

3) Save :)

Gambar ; Terang jadi Kabur
Step ;

1) Dashboard > Layout > Add a Gadget > Html / Javascript

2) Copy code nie.
<style>
/* ----- Image opacity effect 2 ----- */
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.post a:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
</style> 
3) Save


No comments:

Post a Comment

 
Hak cipta terpelihara Miraa Hussin| Copyright-2012