Тени у объемных предметов бывают двух видов: собственные и падающие. Те тени, которые находятся на самих телах в их неосвещенных частях - это собственные тени. Тени, которые предметы отбрасывают на плоскости и другие предметы - это тени падающие. Закономерности распределения светотени на самих телах, собственные тени, рассматриваются всегда очень подробно, они крайне важны для того, чтобы выразительно и правильно передать объёмную форму предметов. А для того, чтобы реалистически расположить несколько предметов на поверхности предметной плоскости, мы обязательно должны учесть и падающие тени...
Свойство box-shadow прекрасно работает, когда нам требуется тень, отбрасываемая прямоугольником или любой другой фигурой, которую можно создать с помощью border-radius (несколько примеров вы найдете здесь). Однако от него гораздо меньше пользы, когда мы работаем с псевдоэлементами или другими полупрозрачными вариантами декорирования, потому что box-shadow бессовестно игнорирует прозрачность. Приведу несколько примеров: полупрозрачные изображения, фоновые изображения и рамки, созданные...