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 vote290 views1 answer
Make backgrond image smaller
CSS
0 vote264 views1 answer
Send element to center of div
CSS
0 vote292 views1 answer
Css mobile friendly
CSS
0 vote286 views1 answer
Css last item should be flex end
CSS
0 vote264 views1 answer
Switch css with text
CSS
0 vote292 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
3 votes293 views1 answer
Html table td spacing
CSS
1 vote278 views1 answer
Css button:focus border-radius square
CSS
0 vote238 views3 answers
Css how to make 2d animations at once
CSS
0 vote283 views1 answer
Z pos css
CSS