/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 vote172 views1 answer
Css media query gist
CSS
9 votes174 views1 answer
Howt to original image on background css
CSS
0 vote125 views0 answer
CSS
0 vote178 views1 answer
Css add margin to a particular div in print screen
CSS
-1 vote162 views1 answer
Centralize div css
CSS
0 vote185 views1 answer
Avatar change design html css
CSS
0 vote182 views4 answers
Width in css
CSS
6 votes182 views6 answers
Console.log with color font
CSS
0 vote168 views2 answers
How to reduce the size of png image in css
CSS
0 vote173 views1 answer
Link css in django template
CSS