Если у тени ненулевой радиус размытия, то она автоматически становится полупрозрачной. Но иногда нужно сделать полупрозрачной тень без радиуса размытия (например, как у кнопок в мини-браузере).

Для этого можно использовать новый формат записи цветов в CSS — rgba. Пример:

color: red;
color: #ff0000;
color: rgba(255, 0, 0, 0.5);

Все записи цвета в примере задают красный цвет, но в последней записи задан красный с 50% прозрачностью.

В rgba первые три значения задают цвет и могут быть целым числом от 0 до 255. Последнее значение задаёт уровень прозрачности и может быть дробным числом от 0 (полная прозрачность) до 1.

Задавать полупрозрачный цвет с помощью rgba можно не только теням, но и остальным свойствам с цветом: рамкам, фону и так далее.