如何用CSS实现直影？

Question

我正在寻找一个奇怪的阴影。凭借我（明显）非常棒的Photoshop技能，我需要它看起来不像

看起来像这样;

基本上我希望它看起来像2d-lighting而不是抬离页面。

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

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;

demo 有关详细信息，请单击#box-shadow