Tutorial buat image opacity effect
Posted on Tuesday, 13 September 2011, 16:14, [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: tutorial