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

67 votes204 views6 answers
Media query in css
CSS
0 vote253 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote185 views1 answer
Css my body have margin top
CSS
0 vote220 views2 answers
Css hover affect other item
CSS
3 votes205 views3 answers
Responsive text css
CSS
2 votes197 views2 answers
How to give 2 different background color css
CSS
0 vote204 views1 answer
Selection.addrange() deprecated
CSS
0 vote202 views2 answers
Animate zoom in and zoom out in css
CSS
1 vote212 views1 answer
How to validate mail adress css
CSS
1 vote195 views1 answer
Prefix in css
CSS