/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

3 votes277 views1 answer
Animation keep end state
CSS
0 vote290 views1 answer
Pourquoi mon css ne fonctionne pas quand je recharge la page
CSS
-1 vote352 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
0 vote276 views2 answers
Change svg color on hover, css
CSS
0 vote265 views1 answer
How to make all buttons same size css
CSS
0 vote307 views1 answer
Negative border radius
CSS
14 votes240 views3 answers
What does css stand for
CSS
19 votes276 views1 answer
Set pleasholders color css
CSS
5 votes287 views1 answer
Css animate flashing
CSS
0 vote304 views1 answer
Ghjhgggggggg
CSS