/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 votes221 views1 answer
How to add a button in html and css
CSS
1 vote246 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
18 votes305 views6 answers
Install bootstrap angular 9
CSS
76 votes191 views6 answers
Border radius css
CSS
1 vote278 views1 answer
Make blinking cursor disappear css
CSS
7 votes256 views2 answers
Css change link color in class
CSS
7 votes226 views3 answers
Border width css
CSS
46 votes215 views6 answers
Font color css
CSS
39 votes207 views3 answers
Rgba white color
CSS
1 vote212 views1 answer
Css animation stop
CSS