Gradient Text

We can use the background-image CSS property to add a gradient to text.

Look at this pretty text!

h1 {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #10afe4, #d311b9);
}