CSS «реалистичные» тени (источник света)

Взгляните на картинку ниже:

Синие прямоугольники — это div. Сейчас я пытаюсь реализовать что-то вроде 2.5D-функциональности :

. Я бы хотел, чтобы серые тени были немного объемными -. Сначала я думал присвоить блоку -значение тени по оси "Y" вот так:

"box-shadow: -5px -5px 10px" + value.tallness +  "#888"

но результатом является изображение выше.

Есть идеи, как сделать тень только с одной стороны, как будто откуда-то исходит источник света?

ДОПОЛНИТЕЛЬНО -а как насчет движущегося "источника света"?