/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

127 votes364 views4 answers
React import bootstrap css
CSS
4 votes410 views3 answers
Css print
CSS
47 votes349 views6 answers
Css nth child
CSS
0 vote335 views1 answer
Css select alternate elements
CSS
0 vote363 views1 answer
Css change the accordion arrow color
CSS
0 vote371 views1 answer
Selectors combinators css
CSS
0 vote374 views1 answer
Line sharpness css
CSS
1 vote340 views2 answers
Text align left top
CSS
32 votes380 views6 answers
Alert bootstrap
CSS
0 vote351 views1 answer
How to build a glass website using HTML and CSS
CSS