雕刻文字

创建一个效果,使文字看起来像是被"雕刻"或刻在背景上。

  • 使用 text-shadow 属性创建一个白色阴影,水平偏移量为 0px,垂直偏移量为 2px
  • 背景必须比阴影要暗才能产生效果。
  • 文字颜色应该稍微淡化,使其看起来像是从背景中雕刻出来的。
<p class="etched-text">我看起来像是被雕刻在背景上。</p>
.etched-text {
  text-shadow: 0 2px white;
  font-size: 1.5rem;
  font-weight: bold;
  color: #b8bec5;
}