Тип CSS <alpha-value>

Тип данных CSS представляет собой значение <alpha-value>, которое может быть <number> или <percentage> и задаёт альфа-канал или прозрачность цвета.

Синтаксис

Значение <alpha-value> задаётся как <number> или <percentage>.

Если значение задано числом, полезный диапазон составляет от 0 (полностью прозрачный) до 1.0 (полностью непрозрачный), включая десятичные значения между ними; например, 0.5 означает, что используется половина цвета переднего плана и половина цвета фона. Допускаются значения за пределами диапазона от 0 до 1, но они ограничиваются этим диапазоном.

Если значение альфа-канала задано в процентах, 0% соответствует полной прозрачности, а 100% — полной непрозрачности.

Формальный синтаксис

<alpha-value> = 
  <number> |
  <percentage>

Интерполяция

При анимации значения CSS-типа данных <alpha-value> интерполируются как действительные числа с плавающей точкой. Скорость интерполяции определяется функцией плавности, связанной с анимацией.

Примеры

Настройка непрозрачности цвета текста

Функция rgb() принимает четвёртое необязательное значение, задающее значение альфа-канала. В следующем примере показано, как задать цвет с непрозрачностью 60% с помощью значения альфа-канала:

/* <rgb()> */
color: rgb(34 12 64 / 60%);

Настройка порога изображения фигуры

Здесь значение альфа-канала используется для определения того, какие части изображения считаются частью фигуры:

/* shape-image-threshold */
shape-image-threshold: 70%;
shape-image-threshold: 0.7;

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

См. также

• Изучите основы оформления текста и шрифтов
• Типы данных CSS
• Цвета CSS
• color