css - 3D 方框阴影效果

Question

所以我知道如何使用 CSS3 制作基本的框阴影。您可以在下图的顶部看到这一点。

我要实现的效果是 3D 框阴影，如下图底部所示。

关于如何使用 CSS3 框阴影执行此操作的任何想法？

Answer 1

不幸的是，框阴影实际上只是平面层。但是，您可以应用多个框阴影来创建此效果。

.box-shadow-3d{
    box-shadow: 1px 1px 0px #999,
                2px 2px 0px #999,
                3px 3px 0px #999,
                4px 4px 0px #999,
                5px 5px 0px #999,
                6px 6px 0px #999;
}