invert()
Baseline Широко доступная
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2016 года.
Функция invert() CSS функция инвертирует цветовые образцы на входном изображении. Результатом является <filter-function>.
Попробовать
Синтаксис
invert(amount)
Параметры
amount-
Значение преобразования, указанное как
<number>или<percentage>. Значение100%полностью инвертирует, а значение0%оставляет входной элемент без изменений. Значения между0%и100%являются линейными множителями эффекта. Начальное значение для интерполяции равно0.
Примеры
Примеры корректных значений для invert()
invert(0) /* No effect */ invert(.6) /* 60% inversion */ invert(100%) /* Completely inverted */
Спецификации
| Спецификация |
|---|
| Модуль уровней фильтров 1 # funcdef-filter-invert |
Совместимость браузеров
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
invert |
18 | 12 | 35 | 15 | 6 | 53 | 35 | 14 | 6 | 6.0 | 4.4 |
См. также
Другие функции <filter-function>, доступные для использования в значениях свойств filter и backdrop-filter включают:
© 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/filter-function/invert
