<alpha-value>

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

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

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

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

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

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

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

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

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

• Основные стили текста и шрифтов
• Типы данных CSS
• Цвет CSS
• <color>