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 vote169 views1 answer
Css good border color
CSS
0 vote172 views1 answer
Css percentrage minus px
CSS
0 vote261 views1 answer
Css locks
CSS
0 vote173 views1 answer
How to create polaroid effect in css
CSS
2 votes154 views1 answer
Check if input is empty css
CSS
94 votes143 views2 answers
Css code to make text bold
CSS
17 votes176 views3 answers
Css hover mouse hand
CSS
4 votes161 views2 answers
How to get all values from object in javascript
CSS
0 vote268 views1 answer
Css inherit class
CSS
2 votes154 views2 answers
Display flex align last item to left
CSS