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

2 votes149 views6 answers
Neumorphism
CSS
0 vote171 views1 answer
Microwave
CSS
0 vote153 views1 answer
Css List in line
CSS
1 vote157 views1 answer
"League\Flysystem\AwsS3v3\AwsS3Adapter"
CSS
0 vote149 views1 answer
Inline block display has margin
CSS
4 votes152 views1 answer
How to stop an image repeating in css
CSS
16 votes130 views1 answer
Sass css
CSS
1 vote161 views1 answer
Css line break width
CSS
0 vote112 views1 answer
Css logo color
CSS
0 vote166 views1 answer
Html link local css file
CSS