Skip to content

Instantly share code, notes, and snippets.

@ccurtin

ccurtin/CSS-gradient-overlay.css

Created March 12, 2017 19:35
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ccurtin/5aaf90e7ea95d698d15198e904267536 to your computer and use it in GitHub Desktop.
Save ccurtin/5aaf90e7ea95d698d15198e904267536 to your computer and use it in GitHub Desktop.
Download ZIP
Gradient overlay CSS w/ using pseudo element.
Raw
CSS-gradient-overlay.css
div:before {
content: "";
position: absolute;
background: -webkit-linear-gradient(350deg, rgba(49, 27, 146, .8) 35%, rgba(125, 38, 205, .75));
background: linear-gradient(350deg, rgba(49, 27, 146, .8) 35%, rgba(125, 38, 205, .75));
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment