Tint image 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

6 votes247 views4 answers
Css hover to disable
CSS
0 vote253 views1 answer
How to fix overflow elementor
CSS
0 vote271 views1 answer
Css to exclude last row table
CSS
10 votes274 views5 answers
Css clamp
CSS
0 vote350 views2 answers
Zoom image on click css
CSS
12 votes250 views1 answer
Pair impaire css
CSS
0 vote249 views1 answer
Grandezza caratteri css
CSS
3 votes248 views2 answers
Css crop image to circle
CSS
5 votes229 views1 answer
Rgb background
CSS
0 vote269 views1 answer
Animating a text in css
CSS