# Свойство filter

Свойство `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`,
  которая преобразует фон в сепию

← →
↑
en ru