Jul 29, 2012

Tutorial #7: Image opacity effect versi 1.

Sebelum gambar disentuh:

Selepas gambar disentuh:
Step 1
- Dari Dashboard -> Design -> Page Elements -> Add a Gadget -> HTML/JavaScript.

Step 2
- Copy code kat bawah pastu paste dalam HTML/JavaScript.
<style>

.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>
Step 3
- Save.
- Siap.

No comments :