Tutorial #8: Image opacity effect versi 2.

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

Step 3
- Save.
- Siap.