Использовать несколько фильтров CSS одновременно? ⇐ CSS

[Anonymous]

Я экспериментирую с CSS-фильтрами.

И я хотел бы использовать размытие и оттенки серого одновременно, но я не могу использовать оба одновременно. то же изображение?

См. скрипку здесь...

http://jsfiddle.net/joshmoto/ fw0m9fzu/1/

.blur {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}

.grayscale {
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
}




.blur-grayscale {
filter: blur(5px) grayscale(1);
-webkit-filter: blur(5px) grayscale(1);
-moz-filter: blur(5px) grayscale(1);
-o-filter: blur(5px) grayscale(1);
-ms-filter: blur(5px) grayscale(1);
}


Подробнее здесь: https://stackoverflow.com/questions/274 ... -same-time