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 vote110 views1 answer
How to make text transparent with stroke in css
CSS
45 votes101 views6 answers
Css text align center
CSS
27 votes106 views6 answers
Import font css
CSS
0 vote112 views1 answer
Credimax
CSS
0 vote97 views1 answer
How to make text in div elements not crumple up when the div element gets smaller
CSS
0 vote107 views1 answer
Class html css
CSS
0 vote110 views5 answers
Style
CSS
4 votes98 views2 answers
Gap between two flex items
CSS
0 vote102 views1 answer
Svg image shadow css
CSS
1 vote113 views1 answer
There's a gap between my td
CSS