html - 如何制作图像背景浮雕效果

Question

我真的不知道如何命名我的问题，但我有一个看起来像这样的 psd 文件:

上图中的每个元素都是一个图像，如下所示:

我对此没有很好的规范，这就是我所知道的。所以我一直在想也许我可以使用整个图像作为 Sprite 背景。

请分享您的想法如何实现这样的事情，如果您熟悉，请准确编辑问题名称，因为我无法。

谢谢

Answer 1

这是一篇很棒的文章，它使用 text-shadow 实现了这一点:7 Great CSS based text effects using the text-shadow property

以下是其外观示例:Hello World example

代码:

h1 {
    text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
    color: #9c8468;
    opacity: 0.3;
    font: 80px 'Museo700';
}

我没有包含正确的字体，但你明白了。