如何在CSS中生成雕刻效果？

Question

点击 Image

在图像中，文字就像直接刻在石头上一样，如何在CSS中生成这种效果？

Answer 1

尝试使用 text-shadow 属性进行试验 提示：

1. 背景应苍白，文字颜色应深
2. 文字阴影为鲜艳的颜色。使用文本效果的多个方面。

HTML：

 <span>This is Engraved Effect</span>

CSS：

body {
  background-color: #5D8D89;  
}

span { 
    color: #3B5957;
    font-size:72px;
    text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
}

检查链接以供参考 https://jsfiddle.net/pratikhegde/vkhej5au/