Is it possible to set horizontal gradient to text via CSS? (left letter one colour, right - another colour) [duplicate]

问题

This question already has answers here:

css text gradient (4 answers)

Closed 3 years ago.

Is it possible to set horizontal gradient to text via CSS? (left letter one colour, right - another colour).

回答1:

Yes, it is.

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>

来源：https://stackoverflow.com/questions/39884260/is-it-possible-to-set-horizontal-gradient-to-text-via-css-left-letter-one-colo