Skip to content

Instantly share code, notes, and snippets.

@jaredreich
Created September 30, 2017 12:16
Show Gist options
  • Save jaredreich/2d772b8d3caedf555f7d0baa25994fc9 to your computer and use it in GitHub Desktop.
Save jaredreich/2d772b8d3caedf555f7d0baa25994fc9 to your computer and use it in GitHub Desktop.
Text gradient with CSS
<h1>
The quick brown fox jumped over the lazy dog.
</h1>
h1 {
background-image: linear-gradient(to right, #973999, #f8598b, #f7bf00);
color: #f8598b;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment