Image Hover part2

Tengok preview kat --> http://wanaseoby.blogspot.com/2012/09/image-hover-vii_14.html

Tuto ni sy credit kat : Wanaseoby

Assalamualaikum.. Tengok preview tu dulu, kalo korang halakan cursor kat gambar tu mesti jadi warna kelabu2 kan? :D jom cube ::

1. Dashboard > Template > Edit HTML > Proceed 

2. Tekan CTRL  F

Blogskin/Classic template : Paste kod yang bawah sekali tu sebelum kod  </style>

Template Designer : Paste kod yang bawah sekali tu sebelum kod   ]]></b:skin>

3. Copy : 

img{-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}
img:hover{-webkit-filter: grayscale(0.8);}

4. Preview kalo tak ade error ke ape2 , Save Templates !