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

4 votes327 views1 answer
Max css
CSS
1 vote334 views1 answer
Css retirer les puces
CSS
1 vote336 views1 answer
Background-color not showing grover pdf
CSS
9 votes382 views2 answers
How can set background fit full
CSS
12 votes325 views3 answers
Css change color
CSS
0 vote309 views1 answer
Css background image remove margin
CSS
7 votes329 views1 answer
Show hand icon on hover javascript
CSS
0 vote319 views2 answers
Min font-size
CSS
-1 vote328 views2 answers
Hide the scrollbar in css if not overflow
CSS
0 vote329 views1 answer
Remove border radius select css
CSS