Прозрачный цвет в CSS

CSS прозрачный цвет можно задать с помощью значения "rgba" или "hsla" для свойства "color", "background-color" и других свойств, определяющих цвет элемента.

1) Пример использования "rgba":

css
#myElement {
  background-color: rgba(255, 0, 0, 0.5); 
  /* Задаем прозрачный красный цвет 
  Величина прозрачности определяется последним значением альфа-канала (от 0 до 1), где 0 - полностью прозрачный, 1 - непрозрачный цвет. 
  В данном примере мы установили альфа-канал равным 0.5,
  что приводит к половинной непрозрачности, т.е. элемент будет виден сквозь свой фон.
  */
}

2) Пример использования "hsla":

css
#myElement {
  background-color: hsla(120, 100%, 50%, 0.5); 
  /* Задаем прозрачный зеленый цвет в формате HSLA.
  Первое значение - оттенок (от 0 до 360 градусов),
  второе значение - насыщенность (от 0% до 100%),
  третье значение - светлота (от 0% до 100%),
  четвертое значение - альфа-канал (от 0 до 1) */
}

Также, прозрачный цвет можно задать с помощью ключевого слова "transparent". Например:

css
#myElement {
  background-color: transparent;
  /* Устанавливаем прозрачный фон */
  color: transparent;
  /* Устанавливаем прозрачный цвет текста */
}

Обратите внимание, что прозрачный цвет действует не только на элементы, но и на их содержимое.