Skip to content

Instantly share code, notes, and snippets.

@paullacey78
Created August 13, 2017 21:05
Show Gist options
  • Save paullacey78/6c16c140f8f544b9088d268c418044bc to your computer and use it in GitHub Desktop.
Save paullacey78/6c16c140f8f544b9088d268c418044bc to your computer and use it in GitHub Desktop.
CSS Text Gradients
.heading_gradient_blue h2 span {
display: inline-block;
color: #254E87; /*non-webkit fallback*/
background: -webkit-linear-gradient(135deg, #2CA44F, #28766D, #254E87);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.heading_gradient_pink h2 span {
display: inline-block;
color: #254E87; /*non-webkit fallback*/
background: -webkit-linear-gradient(135deg, #D5A06D, #D1817D, #CE5888);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
<div class="heading_gradient_blue">
<h2><span>An wonderful example of a gradient </span></h2>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment