/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

11 votes151 views2 answers
Css click through an element
CSS
0 vote163 views1 answer
Elementsone after other css
CSS
0 vote150 views1 answer
How to loop a javascript array
CSS
0 vote156 views1 answer
Materialize css form file input
CSS
0 vote148 views1 answer
Css clip
CSS
1 vote143 views2 answers
Round one side of div css
CSS
1 vote236 views1 answer
@extend must be used with a %placeholder
CSS
0 vote150 views1 answer
React bootstrap css module use media query mixin
CSS
-1 vote143 views1 answer
Flex wrap tailwind
CSS
0 vote148 views1 answer
Advance css
CSS