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

17 votes252 views2 answers
Css grid center elements inside div
CSS
158 votes251 views5 answers
Css background image with url
CSS
0 vote243 views1 answer
How to use hr lines in a class css
CSS
0 vote244 views1 answer
Twig convert encoding
CSS
3 votes243 views5 answers
Css keep aspect ratio image
CSS
0 vote224 views1 answer
Truncate long line with dots
CSS
0 vote232 views2 answers
Text decoration underline padding
CSS
-1 vote225 views1 answer
Css media queries laptop
CSS
-1 vote251 views2 answers
How to zoom image on hover in css
CSS
0 vote273 views1 answer
"selector-max-specificity"
CSS