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

18 votes438 views6 answers
Install bootstrap angular 9
CSS
2 votes329 views2 answers
Css heading background line
CSS
2 votes312 views1 answer
Putting label on top of input css
CSS
1 vote330 views1 answer
Css before is not working
CSS
-2 votes313 views2 answers
Axios send request with cookies
CSS
0 vote332 views2 answers
How to do addition or subtraction on CSS Variables?
CSS
1 vote316 views1 answer
How to use input border
CSS
0 vote299 views1 answer
Image with colored background html css tigether
CSS
0 vote316 views1 answer
How to remove link color from <a>
CSS
10 votes311 views4 answers
Wp_enqueue_style
CSS