使用 CSS 將漸層應用於文字。

文字漸變

現在你可以在很多地方看到像文字漸變這樣的好技巧......但是呢？你有沒有想過它們是如何製作的？今天就讓我來教你。

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

首先看到這裡我們為文字背景設定了漸層。然後我們將文字顏色設為透明，使其不可見。
之後我們將使用background-clip屬性來製作文本，以便背景的顏色變更為文字的顏色。

如果你想了解更多4個這樣的技巧，請點選下圖？

以上是使用 CSS 將漸層應用於文字。的詳細內容。更多資訊請關注PHP中文網其他相關文章！