В чем разница между свойствами opacity и rgba в CSS?

Разница между свойствами opacity и rgba в CSS заключается в том, что opacity применяет прозрачность ко всему элементу целиком, то есть всё содержимое элемента становится прозрачным. puzzleweb.ru А rgba позволяет задать прозрачность отдельным частям элемента (например, только тексту или фону). puzzleweb.ru

Свойство opacity принимает значения в диапазоне от 0 (полностью прозрачный) до 1 (непрозрачный). html5book.ru Если элемент, для которого применено свойство opacity, содержит внутри себя другие элементы, то они также изменят свою прозрачность. html5book.ru

Функция rgba() действует только на конкретный заданный элемент, не затрагивая дочерние. myrusakov.ru Для блока, содержащего другие элементы, функция rgba() изменит прозрачность только блока. html5book.ru