شما اول باید یه فایل .svg بسازید مثلا به اسم bw.svg و با این کد:
<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>
بعد هم این کد رو به فایل CSS اضافه کنید:
img {
filter: url(bw.svg#grayscale);
filter: gray;
-webkit-filter: grayscale(1);
}
img:hover {
filter: none;
-webkit-filter: grayscale(0);
}