Как сделать - Эффект к изображению
Узнать, как добавлять визуальные эффекты к изображениям.
Эффект к изображению
CSS Фильтры
CSS свойство filter
добавляет визуальные эффекты (например, размытие и насыщенность) к элементу.
Примечание: Свойство filter не поддерживается в Internet Explorer, Edge 12 или Safari 5.1 и более ранних версиях.
Пример
Измените цвет всех изображений на черно-белый (100% серый):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}

Исходное изображение

grayscale(100%)
Пример
Применить эффект размытия ко всем изображениям:
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}

Исходное изображение

blur(5px)
Зайдите на наш учебник CSS Свойство filter чтобы узнать больше о CSS фильтрах.