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

5 votes239 views2 answers
Move to last commit
CSS
0 vote236 views1 answer
Css custom cursor form image
CSS
0 vote201 views1 answer
Carbon today date with 12 00 am
CSS
0 vote208 views1 answer
An operation was attempted on something that is not a socket
CSS
0 vote207 views1 answer
Poretty print css
CSS
2 votes216 views1 answer
How to add space between menu items in css
CSS
2 votes212 views2 answers
Why is my css not working
CSS
0 vote210 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
0 vote196 views1 answer
#f2f2f2 in rgba
CSS
5 votes196 views1 answer
Less sass css
CSS