شما اول باید یه فایل .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);

}