Как сделать - визуальные эффекты изображениям
Узнайте, как добавить визуальные эффекты к изображениям.
Фильтры изображений
Фильтры 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%);
}
Пример размытия
Примените эффект размытия ко всем изображениям:
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}
Перейдите в наш CSS Filter свойство, чтобы узнать больше о CSS фильтров.