/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

1 vote113 views1 answer
Change the color of an hr
CSS
18 votes87 views2 answers
Red rgba
CSS
3 votes108 views2 answers
Scrollbar change css
CSS
0 vote101 views1 answer
Css media queries if else
CSS
0 vote114 views1 answer
Trim background image css
CSS
9 votes109 views5 answers
Css background full screen
CSS
0 vote122 views1 answer
Christmas red color code
CSS
2 votes139 views1 answer
How to add a black border around text css
CSS
0 vote104 views3 answers
Image not rendering in tailwind css
CSS
6 votes113 views3 answers
.row bootstrap
CSS