Из чего состоит CSS-тень
box-shadow включает смещение по горизонтали и вертикали, радиус размытия, растяжение, цвет и необязательное значение inset. Для text-shadow используются смещения, размытие и цвет. Настройки сразу обновляют готовое CSS-правило, поэтому влияние каждого значения видно в реальном времени.
Создавайте глубину несколькими слоями
Несколько мягких теней обычно выглядят естественнее одной тяжёлой. Сочетайте короткий тёмный слой для контакта с широкой размытой тенью для высоты или накладывайте цветные слои для свечения. Добавляйте и удаляйте слои, пока эффект не подойдёт интерфейсу.