/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 vote154 views1 answer
Css opacity from 0 to 1
CSS
0 vote169 views1 answer
Position an icon in relation a parent element
CSS
0 vote148 views1 answer
Rainvow hover css
CSS
1 vote155 views1 answer
Css > symbol
CSS
6 votes147 views6 answers
How to properly install tailwind css in react
CSS
61 votes177 views6 answers
Center text in css
CSS
11 votes163 views2 answers
Css image filter black and white
CSS
3 votes172 views3 answers
Remove clicked button border
CSS
0 vote154 views1 answer
Html input type colour internal border
CSS
0 vote159 views1 answer
Medim size mat form field
CSS