CSS的凸版印刷效果

前端之家收集整理的这篇文章主要介绍了CSS的凸版印刷效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想制作像这样的凸版效果

在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; 
}

但这似乎并没有成功.

解决方法

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

应该这样做.顺便说一句.您不必声明“正常”值对

原文链接:https://www.f2er.com/css/215963.html

猜你在找的CSS相关文章