Skip to content

Instantly share code, notes, and snippets.

@JonasEriksson

JonasEriksson/example.css

Forked from dillonchanis/example.css
Created May 21, 2021 16:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JonasEriksson/4a6005574a11ba9eca42858ed8dcd01b to your computer and use it in GitHub Desktop.
Save JonasEriksson/4a6005574a11ba9eca42858ed8dcd01b to your computer and use it in GitHub Desktop.
Download ZIP
Tailwind Utility for using gradients with text
Raw
example.css
@layer utilities {
.text-gradient {
background-clip: text;
-webkit-text-fill-color: transparent;
}
}
Raw
example.html
<span class="text-gradient bg-gradient-to-r from-pink-400 via-purple-400 to-indigo-500">
Download for free today.
</span>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment