Черно-бели картинки с CSS филтър

Искате да създадете черно-бял ефект на изображенията във вашият сайт? 
 
Оставете настрана photoshop-а, този път няма да ви е необходим. Няма да ви трябват и сложни, ресурсоемки скриптове. Благодарение на CSS3, в браузърите които го поддържат това е постижимо само с CSS, за другите ще ни свърши работа един прост SVG филтър.

Ето го и самият клас:

img.grayscale {
    filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}