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 vote139 views1 answer
Purgecss cli
CSS
1 vote125 views2 answers
Centrer verticalement css
CSS
8 votes130 views2 answers
Font roboto css
CSS
0 vote122 views2 answers
Css span to right of div
CSS
0 vote245 views1 answer
Css center table on page
CSS
0 vote187 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
1 vote135 views1 answer
Css transform border radius
CSS
4 votes183 views2 answers
Border dot css
CSS
0 vote128 views1 answer
Quitar flecha summary html css
CSS
19 votes157 views2 answers
Border color css
CSS