/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

4 votes152 views3 answers
Add space between flex items
CSS
0 vote140 views2 answers
Css cut text of
CSS
5 votes137 views2 answers
Word spacing css
CSS
0 vote128 views1 answer
Text in circle css
CSS
1 vote155 views1 answer
On hover chang only border color of a button css
CSS
0 vote138 views1 answer
Font shorthand CSS
CSS
-1 vote122 views1 answer
Css grid column height fit content
CSS
60 votes156 views3 answers
Adding shadow to a div
CSS
47 votes142 views6 answers
Css blur
CSS
-2 votes135 views1 answer
How to add pseudo class in html
CSS