Tutorial : Image Hover part1

CREDIT TO : Wanaseoby

Assalamualaikum.. Mira dh tknak ckp banyak dah. Tengok gmbar kt atas, kalo korang halakan cursor di gambar mna2 ,gmbar tu akan bertukar wrna :D mcm gmbar di atas :) !!

1. Dashboard  > Template > Edit HTML > Proceed > Tick Expand Widget Templates.

2. CTRL F 
= Blogskin / Classic Template : paste kod ni sebelum kod  </style>
= Template Designer : Paste kod ni sebelum ]]></b:skin>

img{
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover{
-webkit-filter: hue-rotate(90deg)}

3. Preview , kalo tak de error ,Save Template ^.^ !