Фильтр

Атрибут filter задаёт эффекты фильтра, определённые элементом <filter>, которые должны применяться к его элементу.

Примечание: В качестве атрибута отображения filter может использоваться как свойство CSS. Дополнительную информацию см. в CSS filter.

В качестве атрибута отображения он может применяться к любому элементу, но он действует только на контейнерные элементы без элемента <defs>, все графические элементы и элемент <use>.

Пример

html

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <filter id="blur">
    <feGaussianBlur stdDeviation="2" />
  </filter>

  <rect x="10" y="10" width="80" height="80" filter="url(#blur)" />
</svg>

Примечания по использованию

Значение	`none` \| `<filter-function-list>`
Значение по умолчанию	`none`
Анимируемо	Да

Описание значений см. в свойстве CSS filter.

Спецификации

Спецификация
Модуль эффектов фильтра уровня 1 # FilterProperty

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`filter`	≤53	79	35	40	≤10.1	53	35	41	≤10.3	6.0	53

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/filter