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 vote183 views1 answer
Label width css
CSS
5 votes172 views3 answers
How to get rid of button outline when clicked
CSS
7 votes202 views6 answers
Jquery remove css class
CSS
5 votes160 views1 answer
Css table border-collapse
CSS
0 vote193 views1 answer
Adding diffent style in firefox css
CSS
0 vote194 views1 answer
Css fade change coloir
CSS
0 vote173 views1 answer
Font-display css google fonts
CSS
0 vote146 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
0 vote201 views1 answer
Css custom cursor form image
CSS
3 votes224 views4 answers
Blue gradient background
CSS