css - 如何用 CSS 实现直阴影？

Question

我正在寻找一个奇怪的阴影。凭借我（显然）令人敬畏的 Photoshop 技能，我需要它看起来不像这样

看起来像这样；

基本上我希望它看起来像 2d 照明，而不是从页面上抬起。

边界不是一个好的解决方案，除非我能够模糊它们

Answer 1

你可以这样写CSS：

box-shadow:rgba(0,0,0,0.4) 1px 1px,
           rgba(0,0,0,0.4) 2px 2px,
           rgba(0,0,0,0.4) 3px 3px;

演示 更多详情，请点击#box-shadow