Затенение 3D-обектов с помощью box-shadow

При работе с элементами, которые были как-то преобразованы в 3D, можно заметить, что они не имеют никакого затенения и смотрятся очень плоскими. В реальном мире все объекты преломляют свет и имеют тени. Их поверхности могут быть какими угодно – матовыми, отражающими и т.д. Есть несколько вариантов для того, чтобы направить свет на сложную геометрию, например библиотека Photon, но такие решения сильно нагружают процессор. В этой статье я покажу вам одну технику, которую можно применить к объектам с несколькими гранями. Наш пример будет галереей с 3D-постерами фильмов и, если повернуть постер, другая его сторона будет содержать информацию о фильме.