渐变文字

给文字添加渐变颜色。

• 使用background属性和linear-gradient()值给文字元素添加渐变背景。
• 使用webkit-text-fill-color: transparent将文字填充为透明色。
• 使用webkit-background-clip: text将背景与文字进行裁剪，将渐变背景作为颜色填充到文字中。

<p class="gradient-text">渐变文字</p>

.gradient-text {
  background: linear-gradient(#70D6FF, #00072D);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-size: 32px;
}