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

-1 vote148 views1 answer
Html sticky
CSS
0 vote195 views1 answer
Change d in path svg css
CSS
1 vote244 views1 answer
Add image to div in css
CSS
0 vote215 views1 answer
Css pause animation
CSS
0 vote209 views1 answer
Background image for div in grid system bootstrap
CSS
0 vote182 views1 answer
Ratio bootstrap
CSS
0 vote219 views1 answer
Sass rainbow color background
CSS
0 vote193 views1 answer
No zoom viewport
CSS
103 votes197 views2 answers
What are the types of positioning in css
CSS
20 votes184 views2 answers
Bootstrap screen sizes
CSS