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 vote152 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
0 vote266 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
89 votes207 views6 answers
Padding
CSS
196 votes489 views10 answers
Internet explorer
CSS
1 vote188 views1 answer
Scss maps´
CSS
0 vote171 views1 answer
How to set image size without changing aspect ratio in css
CSS
4 votes225 views2 answers
Border dot css
CSS
1 vote161 views1 answer
Quitar puntos a lista css
CSS
0 vote307 views1 answer
Width cross browser
CSS
0 vote174 views1 answer
How to set box into another box using html and css
CSS