Skip to content

Instantly share code, notes, and snippets.

@thexdev

thexdev/bg-img-with-gradient-overlay.css

Last active December 12, 2019 17:01
Show Gist options
  • Save thexdev/81a060fc26c88776bbffac23dcd88654 to your computer and use it in GitHub Desktop.
Save thexdev/81a060fc26c88776bbffac23dcd88654 to your computer and use it in GitHub Desktop.
Download ZIP
CSS snippet to make a background image with gradient color overlay
Raw
bg-img-with-gradient-overlay.css
#bg-img-overlay {
background-image:
linear-gradient(
to right,
rgba(15, 12, 41, 0.7),
rgba(48, 43, 99, 0.7),
rgba(36, 36, 62, 0.7)
),
url('https://source.unsplash.com/random/800x600');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment