/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

197 votes595 views6 answers
Connect html file to css
CSS
0 vote350 views1 answer
How to save scss file
CSS
1 vote418 views1 answer
Css random
CSS
4 votes380 views2 answers
Add background overlay over background image
CSS
-1 vote339 views1 answer
Css tricks position
CSS
0 vote375 views1 answer
Bootstrap 4 input error
CSS
1 vote419 views1 answer
Css selector start with
CSS
42 votes374 views4 answers
Css center div in page
CSS
5 votes362 views4 answers
What is inset in css
CSS
0 vote364 views1 answer
How to apply css on react chartjs
CSS