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

9 votes207 views2 answers
Line in middle word css
CSS
9 votes254 views5 answers
Html button size
CSS
0 vote180 views0 answer
Bootstrapcss
CSS Bootstrap
8 votes216 views4 answers
Css dark mode
CSS
0 vote209 views1 answer
Css ninja
CSS
0 vote226 views1 answer
Bootstrap remove unused css
CSS
0 vote199 views1 answer
Add youtube video in markdown
CSS
1 vote210 views1 answer
How to add background image in a container css
CSS
0 vote237 views1 answer
By.cssselector
CSS
51 votes211 views6 answers
Text overflow ellipsis css
CSS