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

1 vote143 views1 answer
Zoom background image css
CSS
-1 vote158 views1 answer
Css backdrop filter grayscale
CSS
0 vote143 views1 answer
Format hexagonal css get
CSS
2 votes152 views1 answer
Css image overflow
CSS
8 votes132 views2 answers
CSS change image height
CSS
0 vote139 views1 answer
Como tirar a sidebar css
CSS
66 votes145 views6 answers
Text background color css
CSS
5 votes155 views2 answers
Word spacing css
CSS
-1 vote153 views2 answers
How to use before pseudo class in css
CSS
4 votes135 views1 answer
Grid repeating auto columns
CSS