TUTORIAL : Image shadow when cursor touch

okey , tutorial kali nie di request dekat fanpage una . adik nie minta buat tuto yang bile cursor sentuh je gambar it becomes shadow then jadi mcm blurr je gitu kann ? contoh cube korunk cursor dekat image bawah nie-->

credit.

First go to your Dashboard > Design > Edit HTML then click ctrl + F search code dekat bawah nie -->

a:visited {

bile dah jumpa :) korunk copy paste code dekat bawah nie di selepas code yang dekat atas nie :

 -webkit-transition:1s;
transition:1s;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
border-radius:5px
}
img:hover {
-webkit-transition:1s;
transition:0.5s;
filter:alpha(opacity= 70);
-moz-opacity:0.70;
opacity:0.70;
}

contoh code yang di tepek korunk boleh tengok dekat bawah nie :

so then save template :) now dah cantik pun image-2 yang ada dekat dalam blog korunk tuhh :D