/CSS/Tint image with background color css

Tint image with background color 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 vote108 views1 answer
Css not hover div right hide
CSS
3 votes108 views2 answers
Css glass effect
CSS
0 vote152 views1 answer
Bootstrap accordion some change
CSS Bootstrap
69 votes101 views4 answers
White rgb
CSS
22 votes114 views3 answers
Remove styling from a tag
CSS
5 votes106 views1 answer
Hidden elements blinking on hover
CSS
4 votes142 views1 answer
Bootstrap file select class
CSS Bootstrap
0 vote107 views1 answer
Account system php html
CSS
13 votes107 views2 answers
How to add background in css
CSS
0 vote107 views1 answer
Adding diffent style in firefox css
CSS