Make background overlay css

Background overlay css

html {
  min-height:100%;
  background:linear-gradient(0deg, rgba(255, 0, 150, 0.3), rgba(255, 0, 150, 0.3)), url(http://lorempixel.com/800/600/nature/2);
  background-size:cover;
}

Source: stackoverflow.com

Make background overlay css

<div id="element-with-background-image">
   <div id="color-overlay"></div>
   ...
</div>

Source: spin.atomicobject.com

Similar codes

0 vote324 views1 answer
Ubuntu phantomjs wrong paper size
CSS
1 vote404 views1 answer
Ie11 flex 1
CSS
0 vote358 views1 answer
Button style link
CSS
22 votes345 views3 answers
Smooth scroll css
CSS
0 vote342 views1 answer
Menu multiple colums batch
CSS
6 votes356 views2 answers
Image orientation css
CSS
0 vote358 views1 answer
.cameleons
CSS
0 vote323 views1 answer
Moving nested element up css
CSS
0 vote337 views2 answers
How to change svg image color on hover using css
CSS
5 votes340 views1 answer
Css negative padding
CSS