/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 vote200 views1 answer
Give shadow all around uniformly css
CSS
4 votes209 views3 answers
Zoom in and out iconhtml css
CSS
0 vote191 views1 answer
Dict to sql python
CSS
0 vote207 views1 answer
Css vertical align with flexbox
CSS
164 votes218 views6 answers
Css bold
CSS
0 vote189 views1 answer
How to change textsize recta native
CSS
0 vote206 views2 answers
Showing two iframes side by side
CSS
50 votes187 views6 answers
Css align center
CSS
61 votes202 views6 answers
Center text in css
CSS
1 vote198 views2 answers
Input autocomplete css color
CSS