Css background color over image

.tinted-image {
  background-image: 
    /* top, transparent red */
    linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    ),
    /* your image */
    url(image.jpg);
}

Source: stackoverflow.com

Similar codes

34 votes120 views4 answers
Css hide element
CSS
22 votes142 views2 answers
React bootstrap carousal not working
CSS
0 vote135 views1 answer
Selection.addrange() deprecated
CSS
2 votes131 views2 answers
Css content image
CSS
1 vote121 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS
2 votes167 views1 answer
Bootstrap dark mode
CSS Bootstrap
9 votes131 views2 answers
Background css
CSS
1 vote112 views1 answer
Unknown function 'mat-palette'
CSS
4 votes133 views3 answers
Glowing text css
CSS
4 votes128 views2 answers
How to give background overlay in css
CSS