invert()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
Функция 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