/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 vote130 views1 answer
Line-break
CSS
0 vote130 views1 answer
How to center a text input in css
CSS
1 vote121 views1 answer
How to use input border
CSS
0 vote115 views1 answer
Touch-action in css
CSS
5 votes122 views2 answers
Materialize css cdn
CSS
0 vote139 views1 answer
Circle css animation
CSS
3 votes113 views2 answers
Downgrade composer to 1 in vagrant
CSS
0 vote114 views1 answer
Css tricks macos spaces in dock
CSS
9 votes109 views4 answers
Clamp css
CSS
3 votes113 views2 answers
Image with background color css
CSS