Можно ли создавать такие тени?

Question

[sarsokol]

Давно задавался вопросом, а можно ли сделать тень, чтобы она менялась при наложении блоков (ближе блок или дальше).
Даже не знаю как правильно написать. На фото блок, который находит на центральный, там тень маленькая. А та часть блока, которая находится над основным фоном - там тень большая.
В итоге получается реалистичная 3D композиция.

Как мне кажется, такое не сделать, но сейчас столько разных фишек, что очень часто задаюсь вопросом "А что так можно было?" Вот и решил спросить, а может и так можно?

Answer 1

[maxpsyhos]

Только если набор блоков заранее задан, и все они прибиты гвоздями.
В динамике сделать такое без весьма забористых костылей на js - никак.

Если статика, что-то типа такого https://codepen.io/max_adictgroup/pen/KLxNdy . Немного только доработать, чтобы слои все описывались через конфигурацию.

Answer 2

[andrash_]

За пример возьмем белый большой горизонтальный блок. Его делим на 2 части (50 на 50) и помещаем в один div, левому блоку задаем одну тень, правому другую. Все.