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

Разбираемся в CSS
Anonymous
Использовать несколько фильтров 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

Вернуться в «CSS»