Свойство filter - стиль для фона в CSS
Свойство filter задает
фоновому изображению определенный художественный
стиль или фильтр. Свойство может принимать
в качестве значений названия художественных стилей, формируемых
функцией filter или none (отмена
выбранного фильтра).
Синтаксис
селектор {
filter: художественный стиль или none;
}
Пример
Давайте зададим для нашего изображения черно-белый фильтр, а при наведении отменим его:
<div id="elem"></div>
#elem {
filter: grayscale(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
#elem:hover {
filter: none;
}
:
Смотрите также
-
свойство
background,
представляющее собой свойство-сокращение для фона -
функция
blur,
которая размывает фон -
функция
brightness,
которая задает яркость фону -
функция
contrast,
которая задает контрастность фону -
функция
drop-shadow,
которая задает тень фону -
функция
hue-rotate,
которая задает цветность фону -
функция
invert,
которая инвертирует цвета фона -
функция
opacity,
которая задает прозрачность фону -
функция
sepia,
которая преобразует фон в сепию