/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

7 votes188 views3 answers
Css right
CSS
2 votes183 views1 answer
Css div overlay div
CSS
34 votes188 views6 answers
Css visibility
CSS
1 vote186 views1 answer
Css flip svg
CSS
0 vote261 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS Skeleton
0 vote195 views1 answer
Unhover animation
CSS
0 vote186 views1 answer
Ios safe area
CSS
4 votes198 views2 answers
Import fontawesome
CSS
4 votes181 views1 answer
How to move anything left in css
CSS
0 vote188 views1 answer
Disable line breaking html span
CSS