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

2 votes278 views1 answer
Blue outline after click when in mobile view
CSS
0 vote293 views1 answer
Elementor sticky keep within column
CSS
0 vote327 views1 answer
Centrer un élément absolute
CSS
0 vote295 views2 answers
Autocomplete background color css
CSS
8 votes285 views6 answers
Aos css
CSS
0 vote250 views1 answer
Body css margin, background, font-family, hei
CSS
6 votes295 views3 answers
Disable drag image css
CSS
4 votes283 views2 answers
For in sass
CSS
0 vote309 views2 answers
Animate.css not working
CSS
0 vote293 views2 answers
Dont break word css
CSS