CSS3: Куб с тенью

Я думаю, что изображения говорят в данном случае громче слов.

Я хочу добиться такого эффекта:

Но лучшее, что я могу сделать с CSS3, это:

И код для этого абсолютно ужасен:

box-shadow: 1px 1px hsl(0, 0%, 27%),
            2px 2px hsl(0, 0%, 27%),
            3px 3px hsl(0, 0%, 27%),
            4px 4px hsl(0, 0%, 27%),
            5px 5px hsl(0, 0%, 27%),
            6px 6px hsl(0, 0%, 27%),
            7px 7px hsl(0, 0%, 27%),
            8px 8px hsl(0, 0%, 27%),
            ...

Есть ли способ что я могу создать такой эффект с помощью чистого CSS3? Я не против, чтобы он был трехмерным, но изометрический был бы предпочтительнее.

Мне не нужно размещать контент по бокам блока, только на его передней части лицо, поэтому я работаю только с одним элементом