/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

0 vote56 views0 answer
CSS
0 vote101 views1 answer
Setting background for anchor pane
CSS
6 votes150 views5 answers
Bootstrap icons
CSS Bootstrap
1 vote103 views1 answer
Is better use px or pt
CSS
39 votes109 views4 answers
Css z-index
CSS
0 vote100 views1 answer
How to make textbox shorter in html
CSS
1 vote92 views1 answer
Unknown function 'mat-palette'
CSS
0 vote56 views1 answer
Set background transparency
CSS
5 votes111 views3 answers
Background-image linear gradient and border radius
CSS
1 vote108 views1 answer
Css after not working
CSS