/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 vote333 views1 answer
Overlay color on image css
CSS
-1 vote275 views1 answer
Css root seletor
CSS
1 vote344 views1 answer
New line in flex container
CSS
1 vote370 views2 answers
Css button style rectangle
CSS
0 vote355 views1 answer
Input text only css
CSS
145 votes429 views6 answers
Add bootstrap to react
CSS Bootstrap
1 vote324 views1 answer
How to use input border
CSS
11 votes330 views2 answers
Css display
CSS
165 votes388 views6 answers
How to make text bold in css
CSS
7 votes300 views1 answer
Col md 12
CSS