RGBA — это цвет CSS, который может задавать значения цвета и прозрачности.
Ниже белый цвет с использованием rgba() для установки прозрачности 50%.
п {
цвет: rgba(255, 255, 255, 0,5);
}
RGBA — это расширение цветовой модели RGB. Эта аббревиатура обозначает первые буквы трех основных цветов: красного, зеленого и синего, а значение альфа представляет прозрачность/непрозрачность цвета.
Синтаксис RGBA
Формат представления цвета RGBA:
rgba(красный, зеленый, синий, альфа)
Первые три значения (красный, зеленый и синий) варьируются от целых чисел от 0 до 255 или процентов от 0% до 100%. Эти значения описывают количество трех основных цветов: красного, зеленого и синего в предполагаемом цвете.
Если вы хотите установить чистый красный цвет, то установите параметр красного на полное значение, то есть 255, а параметры зеленого и синего установите на 0.
цвет фона: rgba(255, 0, 0, 1);
результат:
Также можно использовать проценты:
цвет фона: rgba(100%, 0%, 0%, 1);
результат:
Четвертое значение, альфа, определяет прозрачность/непрозрачность цвета и находится в диапазоне от 0,0 до 1,0.
Следующий пример — желтый с прозрачностью 50 %.
цвет: rgba(255, 242, 0, 0,5);
Прозрачность CSS совместима с Firefox, IE и Chrome. Текущие версии браузеров относительно высоки. Вы можете смело использовать его в своем проекте.