Skip to content

Instantly share code, notes, and snippets.

@isu3ru

isu3ru/gradient clipped text

Created October 4, 2017 11:37
Show Gist options
  • Save isu3ru/e8f63a7fa0243918bf6adfd07871287e to your computer and use it in GitHub Desktop.
Save isu3ru/e8f63a7fa0243918bf6adfd07871287e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gradient clipped text
.presentation-title {
font-size: 8em;
font-weight: 700;
margin: 0;
color: #FFFFFF;
background: #fbf8ec;
background: -moz-linear-gradient(top, #FFFFFF 35%, #4e6773 100%);
background: -webkit-linear-gradient(top, #FFFFFF 35%, #4e6773 100%);
background: linear-gradient(to bottom, #FFFFFF 35%, #4e6773 100%);
background-clip: border-box;
-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