bw effect >> linked image

<style type="text/css">
a:link img { /* linkelt kép */
padding: 0px;
border: 0px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: grayscale(100%); /* mérték megadható */
-moz-filter: grayscale(100%); /* mérték megadható */
-ms-filter: grayscale(100%); /* mérték megadható */
-o-filter: grayscale(100%); /* mérték megadható */
filter: gray;
-webkit-filter: grayscale(100%); /* mérték megadható */
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
}
a img:hover { /* linkelt kép ha ráviszed az egeret */
padding: 0px;
border: 0px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: grayscale(0%); /* mérték megadható */
-moz-filter: grayscale(0%); /* mérték megadható */
-ms-filter: grayscale(0%); /* mérték megadható */
-o-filter: grayscale(0%); /* mérték megadható */
filter: none;
-webkit-filter: grayscale(0%); /* mérték megadható */
}
</style>