Skip to content

Instantly share code, notes, and snippets.

@anwerashif

anwerashif/style.css

Created October 30, 2017 18:09
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 anwerashif/717272828412c9a42bc122b0b3b1075a to your computer and use it in GitHub Desktop.
Save anwerashif/717272828412c9a42bc122b0b3b1075a to your computer and use it in GitHub Desktop.
Download ZIP
Add a Background-Image and CSS3 Gradient on the Same Element
Raw
style.css
#hero-img {
background: #3B5998;
background: -moz-linear-gradient(to right, #3b5a9b 0%,#5387f4 100%);
background: -webkit-linear-gradient(to right, #3b5a9b 0%,#5387f4 100%);
background: url(svg/pattern-right.svg), linear-gradient(to right, #3b5a9b 0%,#5387f4 100%);
background-position: left center,center center;
background-repeat: no-repeat,no-repeat;
background-size: 675px 600px, cover;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment