css - 是否可以通过CSS为文本设置水平渐变？ (左字母一种颜色，右-另一种颜色)

This question already has answers here:

css text gradient

(4个答案)


4年前关闭。




是否可以通过CSS为文本设置水平渐变？ (左字母一种颜色，右-另一种颜色)。

最佳答案

是的。

h1 {
  font-size: 72px;
   background: -webkit-linear-gradient(left, red , yellow);
   background: -o-linear-gradient(right, red, yellow);
   background: -moz-linear-gradient(right, red, yellow);
   background: linear-gradient(to right, red , yellow);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

<h1>Hello World</h1>

关于css - 是否可以通过CSS为文本设置水平渐变？ (左字母一种颜色，右-另一种颜色)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39884260/