如何使用CSS将内部笔划应用于图像？

Question

给出这样的照片：

我如何应用如下所示的内部笔画在Photoshop中使用内部阴影？建议？

Answer 1

各种浏览器的inset属性都有box-shadow属性，这使得它的行为与Photoshop的“内部阴影”非常相似。您需要在图片顶部创建一个具有相同尺寸和适当的圆角舍入属性（border-radius，-webkit-border-radius，-moz-border-radius）的元素，然后将阴影应用于这样：

-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);

（注意编辑;我稍微弄乱了它，结果是阴影被绘制在元素的任何实际内容之下，所以你需要将阴影应用到一个元素，它将被分层在图像或将图像放在已应用阴影的元素的背景中）

（进一步编辑：a working JSfiddle example。）