invert()

Функция CSS invert() инвертирует цвета изображения. Его результатом является <filter-function>.

Интерактивный пример

Синтаксис

css
invert(amount)

Parameters

amount

Степень преобразования, заданная в виде целого числа (<number>) или процента (<percentage>). Значение 100% полностью инвертирует цвета, соответственно 0% ничего не делает. Значения между 0% и 100% является линейными множителями эффекта. Начальное занчение для интерполяции — 0.

Примеры

Примеры допустимых значений для invert()

css
invert(0)     /* Ничего не делает */
invert(.6)    /* Инверсия цвета на 60% */
invert(100%)  /* Полностью инвертированный цвет */

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

Specification
Filter Effects Module Level 1
# funcdef-filter-invert

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

BCD tables only load in the browser

Смотрите также