[My Code] Simple black and white Effect on hover [FOR POST_AVATAR]

[H2e]

So here's a simple effect that is very cool! what do you think? 

anyways let's begin

~ GO TO  Admin CP > Templates & Styles > Templates > Your Template > PostBIT Templates > Postbit_avatar

Search for this  >

<div class="blur img"><a href="{$post['profilelink_plain']}"> 

And add this code near that

<div class="bw pic">
<style>
/*B&W*/
.bw {
 -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
     -ms-transition: all 1s ease;
         transition: all 1s ease;
}

.bw:hover {
 -webkit-filter: grayscale(100%);
}
</style>

Thats it


Some Screenshots


Normal                          On Hover

                  

[Donald_Duck]

Look's cool thanks

[H2e]

any snapshot or live url to above effect ! thanks

Done!

[HMR]

Simple but Nice effect bro
Good job !

[laie_techie]

Your CSS should go in the header_include template, but other than that it looks cool.

[H2e]

Your CSS should go in the header_include template, but other than that it looks cool.

Well it should go in global.css but i made things easier 

[leroymcqy]

shouldn't this be in tutorials not mycode?

nice article tho.