Чем отличаются техники opacity и box-shadow при работе с прозрачными фонами?

Техники opacity и box-shadow при работе с прозрачными фонами отличаются по своему назначению и эффекту:

1. Opacity позволяет указать уровень прозрачности элемента. www.dotnetfunda.com Значение opacity устанавливается в диапазоне от 0 (полная прозрачность) до 1 (полная непрозрачность). professorweb.ru С помощью этого свойства можно сделать полупрозрачными цвет фона, текста и рамки элемента, а также изображение. professorweb.ru
2. Box-shadow создаёт блочную тень позади элемента. professorweb.ru Первые два значения свойства box-shadow устанавливают горизонтальное и вертикальное смещения тени от исходного объекта. professorweb.ru Следующее значение определяет размер размытия (blur), которое увеличивает расплывчатость тени. professorweb.ru Последнее значение — цвет тени. professorweb.ru

Таким образом, opacity используется для настройки прозрачности элемента, а box-shadow — для создания тени под элементом. www.dotnetfunda.com