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 vote194 views1 answer
Ion-img border radius
CSS
0 vote244 views2 answers
How to force fully show the keyboard in android
CSS
109 votes189 views6 answers
What is padding in css
CSS
0 vote213 views2 answers
Setting multiple styles in javascript
CSS
0 vote182 views1 answer
Glass div generator
CSS
1 vote201 views1 answer
How to make div scrollable horizontal
CSS
7 votes196 views2 answers
Transition css hover
CSS
0 vote181 views1 answer
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
CSS
2 votes181 views1 answer
Add padding to scrollbar
CSS
0 vote281 views1 answer
Set border only left and right css
CSS