Я экспериментирую с 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