/CSS/Add background overlay over background image

Add background overlay over background image

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

Background image overlay

html {
  background:url(http://lorempixel.com/800/600/nature/2);
  background-size:cover;
  box-shadow:inset 0 0 0 2000px rgba(255, 0, 150, 0.3);
}

Source: stackoverflow.com

Similar codes

322 votes369 views6 answers
Font awesome cdn link
CSS
0 vote263 views1 answer
Input type (submit, button, reset) css
CSS
4 votes272 views1 answer
How to get an angled section end css
CSS
2 votes255 views1 answer
How to put image in button css
CSS
3 votes257 views1 answer
Trash icon in fontawesome
CSS
2 votes254 views5 answers
How to insert image in css
CSS
0 vote253 views1 answer
Anchor links scrolling too far
CSS
0 vote261 views1 answer
Check browser on css
CSS
0 vote278 views1 answer
Bast css 3d images gallery code
CSS
0 vote278 views2 answers
Css background image is not show change default picture
CSS