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 vote196 views1 answer
For...of...loop and NodeLists
CSS
1 vote196 views2 answers
How rotate infinity css
CSS
3 votes177 views1 answer
Javafx button padding css
CSS
13 votes197 views3 answers
How to make fixed background image in css
CSS
2 votes215 views2 answers
Css attr(data-hover)
CSS
2 votes204 views1 answer
Html5 input required length
CSS
3 votes188 views6 answers
Uncaught TypeError: $ is not a function
CSS
8 votes185 views2 answers
Line-weight css
CSS
0 vote180 views1 answer
CS REMOVING BACKGROUND IMAGE
CSS
9 votes179 views4 answers
Clamp css
CSS