我多次阅读这篇文章http://heygrady.com/blog/2011/08/06/recreating-photoshop-drop-shadows-in-css3-and-compass/。但在这种情况下，我无法找到将PSD的投影转换为CSS3的阴影的正确方法：
Stroke: #E4E4E4; opacity 75%
Inner glow: #FFFFFF 50%; opacity 75%
Drop shadow: Angle=90 degrees; distance=1px; spread=5%; size=9px
答案 0 :(得分：2)
border: 1px solid rgba(228,228,228,0.75);
box-shadow: inset 0 0 0 9px rgba(255,255,255,0.75), 0 1px 9px 0 rgba(0,0,0,.5);
由于缺少信息，我不得不在这里猜测一下。 rgba(r,g,b,a)颜色语法对于每个颜色分量采用0-255的值，对于颜色的不透明度采用0-1值。因此border规则等同于Photoshop笔划。
没有直接相当于内部发光，但你可以做一个可以模拟它的插入框阴影。您可以在同一规则上使用逗号指定多个阴影，因此第一个阴影可以是插入阴影。这是以inset关键字开头指定的，然后是x和y偏移（在本例中为none），然后是模糊半径，然后是展开距离，最后是阴影的颜色。玩价值观;我猜测扩散为9px，其余为0。
最后，我们为外部指定一个框阴影。相同的规则适用于插入阴影（再次猜测值）。玩个游戏吧！
答案 1 :(得分：-2)
您可以在照片商店下载并安装基于云的Photoshop扩展程序：http://css3ps.com/。然后选择一个或多个包含投影的图层，然后单击工具箱中的按钮，它将为您提供所需的css3，它与PSD中的框阴影相匹配。他们为你做了计算。
我一直用它来解决这个问题。