/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

2 votes286 views1 answer
Css border different sides
CSS
113 votes289 views5 answers
Padding css
CSS
8 votes315 views4 answers
Css image align left
CSS
1 vote353 views1 answer
Input date icon color change
CSS
4 votes282 views1 answer
Who created css
CSS
1 vote330 views1 answer
@media between two sizes
CSS
1 vote287 views1 answer
Class indicator css
CSS
0 vote341 views2 answers
Setting multiple styles in javascript
CSS
18 votes416 views6 answers
Install bootstrap angular 9
CSS Bootstrap
1 vote319 views2 answers
Selector css
CSS