Как при помощи CSS сделать картинку черно-белой?

#css3 #css

Здравствуйте. Как при помощи CSS сделать картинку черно-белой?

UPD1:
Инструменты серверного программирования недоступны. Только клиентский CSS.    

Ответы

Ответ 1

Мб объяснить заказчику, что браузер - не фотошоп?)
А вообще вот, html5+css3+js


Ответ 2

Используйте CSS:

filter: grayscale(100%);


Ответ 3

Use it

-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(grayscale.svg); /* Firefox 4+ */
filter: gray; /* IE 6-9 */