/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 vote197 views2 answers
Scrollbar not working
CSS
0 vote192 views1 answer
Add shadowto container
CSS
0 vote172 views1 answer
Textbreak for long text
CSS
4 votes176 views3 answers
There is no tracking information for the current branch
CSS
0 vote171 views1 answer
Backface-visibility: hidden;
CSS
55 votes185 views6 answers
Css margin
CSS
33 votes221 views4 answers
How to change paragraph text color to Red css
CSS
0 vote174 views1 answer
Jquery if css property is
CSS
-1 vote167 views1 answer
Css div bottom of parent
CSS
0 vote179 views5 answers
What is the difference between relative and absolute css
CSS