/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 vote154 views2 answers
Min css
CSS
19 votes127 views6 answers
Css font family
CSS
0 vote169 views1 answer
Bootstrap-scss github
CSS Bootstrap
0 vote183 views1 answer
List-style-type flex
CSS
0 vote127 views1 answer
How to center icon vertically in react js
CSS
0 vote149 views1 answer
Css selectors presentation
CSS
47 votes162 views6 answers
Css nth child
CSS
50 votes144 views4 answers
Css reset code
CSS
3 votes152 views3 answers
Zoom image inside div and move
CSS
1 vote145 views1 answer
Css access span class inside div
CSS