是否有可能使用CSS box-shadow在不同的面上创建不同的阴影颜色？

Question

我正在尝试在CSS中重新创建Alexander Plyuto's modern skeumorphic style：

具体来说，使中间颜色为浅灰色的想法是，左上方的强光会产生弹出效果。

换句话说，我可以在顶部和左侧添加白色的外部阴影，在底部和右侧添加深色的阴影吗？

我看过MDN for box-shadow，我可以看到box-shadow支持多个值，但与其他CSS一样，多个值实际上是全尺寸阴影，而不是像其他CSS一样从右上到左下在彼此之上：

多个框阴影的z顺序与多个文本阴影相同（第一个指定的阴影在顶部）。

是否可以在CSS中创建此效果？

请注意，'no'是可以接受的答案，但是不能创建其他HTML（即，不使用CSS）。

Answer 1

正如我在重新打开注释之前的评论中所建议的那样，我的建议是使用伪元素来实现双重阴影效果。您可能只用一个就可以实现这一目标，但是这是我为了说明这一点而做出的快速和肮脏的实例：

Answer 2

当主持人最初回答这个问题时，似乎是在报复我证明他在投票关闭它之前没有读过它，因此无法回答。尽管有多个用户与我联系并提供了答案，但添加它们似乎很公平。如果/当这些人再次出现时，我将删除这些人并将其授予可接受的答案。