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

17 votes179 views2 answers
Typing test
CSS
5 votes206 views2 answers
Css text cut dots
CSS
22 votes181 views4 answers
Centering with flexbox
CSS
0 vote169 views1 answer
Scss @content
CSS
37 votes188 views1 answer
Placeholder font size css
CSS
15 votes180 views2 answers
Background-image: url opacity
CSS
1 vote185 views2 answers
Dropdown on hover
CSS
2 votes168 views3 answers
Placeholder color default
CSS
0 vote255 views1 answer
Dxxxxxxx
CSS
0 vote198 views1 answer
Subtracting css
CSS