/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

9 votes283 views3 answers
Set whole website background image
CSS
0 vote282 views1 answer
Grid place between
CSS
0 vote315 views1 answer
.txt:hover { text-decoration: underline; }
CSS
54 votes265 views6 answers
Css ellipsis
CSS
-1 vote273 views3 answers
How to write sigma symbol in jupyter ntebook
CSS
0 vote267 views2 answers
Background having opacity and text above to not have opacity
CSS
-1 vote296 views3 answers
Clip path css
CSS
6 votes288 views3 answers
How to add a background overlay in css
CSS
6 votes264 views1 answer
How to center an hr
CSS
19 votes335 views3 answers
Css border radius top
CSS