opacity()

Базовая Широко доступная

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

Функция opacity() CSS функция применяет прозрачность к образцам на входящем изображении. Результатом является <filter-function>.

Попробовать

Примечание: Эта функция похожа на более устоявшееся свойство opacity. Разница заключается в том, что с фильтрами некоторые браузеры обеспечивают аппаратное ускорение для лучшей производительности.

Синтаксис

opacity(amount)

Параметры

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

Примеры

Примеры корректных значений для opacity()

opacity(0%)   /* Completely transparent */
opacity(50%)  /* 50% transparent */
opacity(1)    /* No effect */

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

Спецификация
Модуль фильтров уровня 1 # funcdef-filter-opacity

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`opacity`	18	12	35	15	6	53	35	14	6	6.0	4.4

См. также

Другие <filter-function> функции, доступные для использования в значениях свойств filter и backdrop-filter включают:
Свойство CSS opacity

© 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/opacity