css3利用text-shadow属性来实现蚀刻文本，创建文本显示为“蚀刻”或刻在背景中的效果。

效果如下：

我似乎被蚀刻到了背景中

代码实现：

<p class="etched-text">我似乎被蚀刻到了背景中</p>

<style>
.etched-text {
  text-shadow: 0 2px white;
  font-size: 1.5rem;
  font-weight: bold;
  color: #b8bec5;
  backround:#F5F6F9;
}
</styel>

说明：

text-shadow: 0 2px white 创建白色阴影偏移0px 水平和2px 垂直于原点位置。 

背景必须比阴影暗，效果才能发挥作用。 

文字颜色应该稍微褪色，使其看起来像是刻在背景上的。

来源：

30 Seconds of CSS，30秒 CSS 代码片段精选  

链接: https://fly63.com/article/detial/1357