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

3 votes271 views1 answer
Media queries css not working for mobile
CSS
1 vote183 views1 answer
Css overwriting styles
CSS
0 vote180 views1 answer
Colored link button style scss
CSS
0 vote178 views5 answers
Add css to javafx fxml
CSS
0 vote187 views1 answer
Hovered one element change styles for another css
CSS
36 votes173 views4 answers
Adding gradient to text color
CSS
3 votes164 views2 answers
What does em stand for in css
CSS
3 votes167 views3 answers
Use css to replace icon with text when hover
CSS
0 vote231 views2 answers
Css grid reverse column order
CSS
0 vote184 views1 answer
Css textarea background color transparent
CSS