CSS3的文字阴影效果

Question

我使用CSS设计了以下内容：

我喜欢文字沉入背景的方式，就像沮丧一样。现在我尝试使用CSS为其他一些颜色复制相同的效果：

正如您所看到的那样，在第一张图片中看起来并不像它应该看到的那样，文字没有相同的凹陷或沉没在＆＃39;看作第一个图像。我尝试使用CSS文本阴影效果，但我不能让这三个看起来像第一个。

Answer 1

这是'插入'阴影的一些相当简单的CSS -

.inset {
    color: rgb(50, 50, 50);
    font-size: 50px;
    background-color: rgb(200, 200, 200);
    text-shadow: rgb(175, 175, 175) -1px -1px 0px;
}

<div class="inset">Inset Shadow</div>

您必须使用这些设置来调整它们以供您使用。

Answer 2

以下是文本阴影生成的link。它与所有主流浏览器完全兼容。