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

0 vote186 views1 answer
Backface-visibility sass
CSS
1 vote284 views1 answer
Button background color remove
CSS
0 vote192 views1 answer
Bootstrap popover style width
CSS
1 vote187 views1 answer
Box shador of one border css
CSS
3 votes187 views1 answer
Mettre une image au milieu css
CSS
0 vote195 views1 answer
Place image on top right inside flex css
CSS
0 vote192 views1 answer
Css() multiple
CSS
7 votes177 views2 answers
How to make image same size as text css
CSS
64 votes409 views4 answers
Bootstrap buttons
CSS Bootstrap
1 vote242 views1 answer
Sass compressed style
CSS