Эффекты фильтров CSS

Свойства модуля эффектов фильтров CSS позволяют определять способ обработки рендеринга элемента перед его отображением в документе. Примеры таких эффектов включают размытие и изменение интенсивности цвета элемента.

Эффекты фильтров в действии

Используйте различные ползунки, чтобы применить эффекты фильтров к изображению ниже.

Свойства

Функции

Руководства

Использование эффектов фильтров CSS: Обзор концепций, связанных с эффектами фильтров CSS, включая свойства, функции фильтров и SVG-фильтры, с объяснением значений фильтров, порядка источников и взаимодействия значений.

Связанные понятия

<image> тип данных
<filter-function> тип данных
background-image свойство CSS
background-blend-mode свойство CSS
mix-blend-mode свойство CSS
интерполяция термин из глоссария
color-interpolation-filters свойство SVG

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

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

См. также

Свойства модуля компоновки и смешивания CSS позволяют смешивать слои фона элемента и смешивать элемент с его контейнером
Элемент SVG <filter> и примитивы фильтров SVG: <feSpotLight>, <feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feConvolveMatrix>, <feDiffuseLighting>, <feDisplacementMap>, <feDropShadow>, <feFlood>, <feGaussianBlur>, <feImage>, <feMerge>, <feMorphology>, <feOffset>, <feSpecularLighting>, <feTile>, <feTurbulence>

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