1 <p>На прозрачность элемента можно повлиять 2 способами: rgba() и opacity. Они между собой не взаимосвязаны, и по-разному влияют на элемент.</p>

2 <p>opacity - это свойство, которое определяет уровень прозрачности определенного элемента в целом. Значение непрозрачности варьируется от 0 до 1.</p>

3 /* на весь элемент 30% opacity */ .сontent-opacity { background-color: rgb(0,0,0); opacity: 0.3; border: 10px solid blue; }<p>rgba() - влияет на одно отдельное свойство выбранного элемента, например, background-color или border-color:</p>

4 /* 30% прозрачность только для фонового цвета */ .сontent-opacity { background-color: rgb(0,0,0, 0.3); border: 10px solid blue; }