/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 votes217 views2 answers
Javafx button css
CSS
0 vote209 views1 answer
Override root css variables
CSS
0 vote209 views1 answer
Css webkit propert dissapears on build sass
CSS
1 vote280 views1 answer
Css light grey
CSS
0 vote192 views1 answer
How to add style .css in wp
CSS
0 vote221 views1 answer
Css set width of a span
CSS
-1 vote232 views1 answer
How to make white image black in css
CSS
9 votes213 views3 answers
Css rotate 90 degrees
CSS
6 votes218 views3 answers
Print media css
CSS
0 vote205 views1 answer
CSS adding background image from file
CSS