从PSD的下拉阴影转换为CSS3的方框阴影

这篇文章我读了很多遍。但在这种情况下，我找不到正确的方法将PSD的投影转换为CSS3的盒形阴影：

Stroke: #E4E4E4; opacity 75%
Inner glow: #FFFFFF 50%; opacity 75%
Drop shadow:    Angle=90 degrees; distance=1px; spread=5%; size=9px

我不得不在这里猜测一下，因为这里缺少信息。

rgba（r，g，b，a）

color语法为每个颜色分量取0–255的值，为颜色的不透明度取0–1的值。因此，

边框

规则等同于Photoshop笔划

没有直接等效的内部辉光，但您可以制作一个可以模拟它的插入框阴影。可以在同一规则上使用逗号指定多个阴影，因此第一个阴影可以是插入阴影。这是以

inset

关键字开始指定的，然后是x和y偏移（本例中无），然后是模糊半径，然后是扩散距离，最后是阴影的颜色。玩弄价值观；我估计排列为9像素，其余为0像素

---

最后，我们为外部指定一个长方体阴影。同样的规则也适用于插入阴影（同样是我对值的猜测）。玩一玩吧

这里有一个基于云的Photoshop扩展，您可以在Photoshop下载并安装：。然后选择一个或多个包含放置阴影的层，单击工具箱中的按钮，它将为您提供与PSD中的框阴影匹配的css3。他们已经为你做了计算

---

我一直在用它来回答这个问题，它太棒了。

忘了问：你用的是什么浏览器？IE8及更低版本不支持rgba（）和方框阴影。您能为本文添加更多内容吗？

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);