/CSS/Tint image with background color css

Tint image with background color css

.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

47 votes206 views5 answers
Nth-child() css
CSS
4 votes183 views1 answer
Plasma state of matter
CSS
2 votes180 views1 answer
Css disable dropdown on input
CSS
0 vote194 views1 answer
Elementor ccs code for gradient
CSS
51 votes180 views6 answers
Ellipsis css
CSS
0 vote191 views1 answer
Decrease space between paragraphs html
CSS
3 votes188 views1 answer
Display none css inline
CSS
20 votes285 views2 answers
Bootstrap screen sizes
CSS Bootstrap
2 votes201 views2 answers
Slick margin between slides
CSS
0 vote191 views1 answer
Night / dark mode css
CSS