color-interpolation-filters

Baseline Широко распространённый

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Свойство color-interpolation-filters CSS определяет цветовое пространство для операций с изображениями, выполняемых через эффекты фильтров SVG. Если явно объявлено, значение свойства CSS переопределяет любое значение, заданное в атрибуте элемента color-interpolation-filters.

Примечание: Свойство color-interpolation-filters актуально только для операций с фильтрами SVG. Оно не оказывает влияния на примитивы фильтров, такие как <feOffset>, <feImage>, <feTile> и <feFlood>, а вместо этого применяется к различным элементам эффектов фильтра (например, <feBlend>); см. страницу SVG color-interpolation-filters для получения полного списка.

Примечание: Важно помнить, что атрибут SVG color-interpolation имеет начальное значение sRGB, в то время как color-interpolation-filters имеет начальное значение linearRGB. Это означает, что в стандартном случае интерполяции эффектов фильтра происходят в другом цветовом пространстве, отличном от всех других цветовых интерполяций.

Синтаксис

color-interpolation-filters: auto;
color-interpolation-filters: linearRGB;
color-interpolation-filters: sRGB;

/* Global values */
color-interpolation-filters: inherit;
color-interpolation-filters: initial;
color-interpolation-filters: revert;
color-interpolation-filters: revert-layer;
color-interpolation-filters: unset;

Значения

linearRGB: Указывает, что цветовая интерполяция должна происходить в линейном цветовом пространстве RGB, как описано в спецификации sRGB. Это значение свойства по умолчанию.
sRGB: Указывает, что цветовая интерполяция должна происходить в гамма-кодированном цветовом пространстве sRGB.
auto: Указывает, что пользовательский агент может выбрать цветовое пространство sRGB или linearRGB для цветовой интерполяции. Этот вариант указывает, что автору не требуется, чтобы цветовая интерполяция происходила в определённом цветовом пространстве.

Формальное определение

Начальное значение	`linearRGB`
Применимо к	Множеству элементов, которые управляют выводом элемента `<filter>` в элементе `<svg>`
Наследуется	да
Вычисляемое значение	как указано
Тип анимации	дискретный

Формальный синтаксис

color-interpolation-filters = 
  auto       |
  sRGB       |
  linearRGB

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

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

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`color-interpolation-filters`	≤80	80	≤72	67	≤13.1	80	79	57	≤13.4	13.0	80
`auto`	≤83	83	≤72	69	≤13.1	83	79	59	≤13.4	13.0	83
`linearRGB`	≤83	83	≤72	69	≤13.1	83	79	59	≤13.4	13.0	83
`sRGB`	≤83	83	≤72	69	≤13.1	83	79	59	≤13.4	13.0	83

См. также

Атрибут SVG color-interpolation-filters
Атрибут SVG color-interpolation
Спецификация sRGB

© 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/color-interpolation-filters