/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 vote116 views1 answer
Css button click color
CSS
0 vote135 views1 answer
Youtube-dl forbidden
CSS
0 vote147 views2 answers
Animate zoom in and zoom out in css
CSS
2 votes200 views2 answers
Html how to split a div into two columns
CSS
3 votes119 views3 answers
Use css to replace icon with text when hover
CSS
1 vote121 views2 answers
Zoom level in css
CSS
0 vote143 views1 answer
Scss if
CSS
0 vote142 views1 answer
Calc in css fonts
CSS
0 vote128 views1 answer
Scrollbar with 2 different colors on same page css
CSS
0 vote126 views1 answer
Chrome developer tools css customize
CSS