如何使用CSS实现直阴影？

我正在寻找一个奇怪的影子。由于我（显然）很棒的photoshop技能，我需要它不要看起来像这样

像这样,

基本上，我希望它看起来像2d灯光，而不是从页面上取下

---

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

您可以这样编写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;

---

有关详细信息，请单击您可以这样编写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;

---

有关更多详细信息，请单击

在此处发布使问题更加清晰的尝试过的样式在此处发布使问题更加清晰的尝试过的样式