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

24 votes114 views2 answers
Text-overflow: ellipsis; 2 line
CSS
0 vote108 views1 answer
Css for vertical height
CSS
3 votes103 views3 answers
Horizontal scroll
CSS
-2 votes108 views1 answer
Div color overlay css
CSS
0 vote114 views1 answer
Linux copy directory permissions to another directory
CSS
0 vote114 views1 answer
3d rotating text css
CSS
1 vote109 views1 answer
Sf pro font html
CSS
0 vote125 views1 answer
Css no purple links
CSS
0 vote200 views2 answers
Bulma uppercase
CSS Bulma
0 vote119 views1 answer
Chrome close tab after print
CSS