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

2 votes165 views1 answer
Css div overlay div
CSS
13 votes160 views2 answers
Button edges rounded css
CSS
2 votes197 views1 answer
Css focus change color
CSS
0 vote154 views2 answers
* css meaning
CSS
15 votes173 views3 answers
Image rotate with css
CSS
0 vote167 views1 answer
Make the first item at the very top of the screen
CSS
0 vote148 views1 answer
Table with vertical lines in angular
CSS
16 votes166 views3 answers
Exact middle of screen css
CSS
-1 vote161 views1 answer
How to make white image black in css
CSS