Преобразуване на изображение в сиво с помощта на CSS

Продължих да чакам кога W3C Ще "преоткрие" филтрите на Microsoft. Това е направено. Наскоро се появи спецификацията Filter Effects, която, разбира се, е много по-широка от предложената някога от Microsoft, но основното значение е същото и дори някои филтри са подобни.

Chrome включи експериментална поддръжка за тези филтри в предстоящата версия 18:

Opera и Firefox все още не поддържат тези филтри, но има поддръжка за други - филтри SVG. Можете например да вкарате растерно изображение вътре SVG и приложете желания филтър към него:

Добри новини - SVG може да попречи на Html. Тъй като версия 3.5 във "Firefox" има по-добър начин - можете да приложите филтри SVG направо към тагове Html (и правя всякакви други прекрасни неща), въпреки че всички описания в документацията по някаква причина се отнасят XHTML или външни ресурси, но установих, че вече от четвъртата версия същият трик работи с обичайния Html:

---