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 vote137 views1 answer
Css transform duration
CSS
0 vote140 views2 answers
Use font awesome as content in css
CSS
1 vote121 views1 answer
Hide cursor css
CSS
1 vote132 views2 answers
How to filter css red
CSS
0 vote124 views1 answer
How to make a pixel in css
CSS
29 votes137 views1 answer
Boxsahdow
CSS
0 vote115 views1 answer
Css opacité fond mais pas texte
CSS
36 votes110 views6 answers
Css color
CSS
1 vote121 views2 answers
Show hidden message html
CSS
4 votes128 views2 answers
Add background overlay over background image
CSS