如何获得盒子阴影的预期颜色？

Question

我有一个网站的psd图像，我希望在图像中显示的盒子阴影上获得相同的颜色代码。

例如： 背景颜色为：#e6e6e6 里面的内容是白色的。

我想获得2px宽的盒子阴影并且坚持。 右侧的第一个像素具有颜色代码：#e3e3e3

第二个像素的颜色代码为：#f1f1f1

尝试不透明度和其他设置需要时间，所以有没有办法输入这些颜色来获得所需的结果/颜色？

Answer 1

如果我理解的话，你可以绘制2个没有模糊的阴影：2种颜色的2 px阴影。

＆＃13;

＆＃13;

div,
p {
  box-shadow: 0 0 0 1px #e3e3e3, 0 0 0 2px #f1f1f1;
  Background: #e6e6e6;
  color: white;
  padding: 1em;
  margin: 1em;
  text-shadow: 0 0 1px gray
}
p {
  box-shadow: 1px 1px #e3e3e3, 2px 2px #f1f1f1;
}
/*awfull  body bg for demo*/

body {
  background: linear-gradient(45deg, purple, turquoise, tomato);

＆＃13;

<div>
  box
</div>
<p>
  or did you mean this ?
</p>

＆＃13;

＆＃13;

＆＃13;