Skip to content

Instantly share code, notes, and snippets.

@web2ls

web2ls/CSS: Multiple background including image and transparent color

Last active December 9, 2017 15:22
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save web2ls/4e7eea459dd4c1f89975bfc4663bc287 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save web2ls/4e7eea459dd4c1f89975bfc4663bc287 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CSS: Multiple background including image and transparent color
---HTML---
<div class="screen"></div>
---CSS---
.screen {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -10;
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(images/main-bg.jpg);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment