Какие свойства регулируют прозрачность элемента

В CSS прозрачность элемента можно регулировать с помощью двух основных свойств:

1. opacity - задаёт прозрачность всего элемента (от 0 до 1), включая его содержимое. Например:

.element {
  opacity: 0.5; /* полупрозрачный элемент */
}

2. rgba() или hsla() - позволяют задать прозрачность только для фона или текста через альфа-канал (от 0 до 1):

.element {
  background-color: rgba(255, 0, 0, 0.3); /* красный с прозрачностью 30% */
  color: hsla(120, 100%, 50%, 0.7); /* зелёный с прозрачностью 70% */
}

Разница: opacity влияет на весь элемент и его детей, а rgba/hsla - только на конкретное свойство (цвет или фон).