invert()

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

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

css

invert(amount)

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

css

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

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

BCD tables only load in the browser