How to Create Gradient Text


Filed in: How-to 

You can change your color values to be a value of your choosing.

.gradient-text {
  background: linear-gradient(red, blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
Look, I'm a gradient.

More Stops…

.gradient-text {
  background: linear-gradient(to bottom, red, blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
Look, I'm also a gradient.