css - CSS凸版效果

Question

我想制作这样的凸版效果: 在 CSS 中。但我似乎找不到合适的文字阴影。

单词的颜色:#2f4050背景颜色:#4f6478

我试过:

.letterpress {
    color:#2f4050;
    font-family:Tahoma, Helvetica, Arial, sans-serif;
    font-size:70px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    text-align:center;
    text-shadow:#4f6478 0 1px 5px; 
}

但这似乎并不能解决问题。

Answer 1

.letterpress {
    color:#2f4050;
    font-family:Tahoma, Helvetica, Arial, sans-serif;
    font-size:70px;
    text-align:center;
    text-shadow: 0 1px 1px #fff; 
}

应该可以了。顺便提一句。您不必声明“正常”值对