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 vote220 views2 answers
Sass variables across files
CSS
28 votes225 views3 answers
Google font roboto
CSS
5 votes247 views3 answers
Acf gallery
CSS
0 vote215 views1 answer
Bootstrap 5 css how to change
CSS
1 vote218 views2 answers
Fit image in grid css
CSS
145 votes258 views6 answers
Add bootstrap to react
CSS
2 votes216 views4 answers
Css zoom
CSS
122 votes217 views6 answers
How to center in css
CSS
4 votes214 views1 answer
Checkbox input in css
CSS
0 vote201 views1 answer
Jest test try catch
CSS