Функция rgba()
Пример
Определите различные цвета RGB с непрозрачностью (RGBA):
#p1 {background-color:rgba(255,0,0,0.3);} /* red with opacity*/
#p2 {background-color:rgba(0,255,0,0.3);} /* green with opacity */
#p3 {background-color:rgba(0,0,255,0.3);} /* blue with opacity */
Попробуйте сами »
Определение rgba()
Функция rgba()
определяет цвета с использованием модели «красный-зеленый-синий-альфа» (RGBA).
Значения цвета RGBA — это расширение значений цвета RGB с альфа-каналом, который определяет непрозрачность цвета.
Версия: | CSS3 |
---|
Поддержка браузера rgba()
Цифры в таблице указывают первую версию браузера, полностью поддерживающую данную функцию.
Функция | |||||
---|---|---|---|---|---|
rgba() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
CSS Синтаксис rgba()
rgba(red, green, blue, alpha)
Значение | Описание |
---|---|
red | Определяет интенсивность красного как целое число от 0 до 255 или как процентное значение от 0% до 100%. |
green | Определяет интенсивность зеленого цвета как целое число от 0 до 255 или как процентное значение от 0% до 100%. |
blue | Определяет интенсивность синего цвета как целое число от 0 до 255 или как процентное значение от 0% до 100%. |
alpha | Определяет непрозрачность как число от 0,0 (полностью прозрачно) до 1,0 (полностью непрозрачно). |