使用 CSS 将渐变应用于文本。

文字渐变

现在你可以在很多地方看到像文本渐变这样的好技巧......但是呢？你有没有想过它们是如何制作的？今天就让我来教你。

.text-gradient {
  background: linear-gradient(-25deg, #5662f6 0%, #7fffd4 100%);
  color: transparent;
  background-clip: text;
}

首先看到这里我们给文本背景设置了渐变。然后我们将文本颜色设为透明，使其不可见。
之后我们将使用background-clip属性来制作文本，以便背景的颜色更改为文本的颜色。

如果你想了解更多4个这样的技巧，请点击下图？

以上是使用 CSS 将渐变应用于文本。的详细内容。更多信息请关注PHP中文网其他相关文章！