/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

182 votes294 views6 answers
How to link css to html
CSS
0 vote149 views2 answers
How to take of underline from link through css
CSS
0 vote98 views1 answer
Flex-decoration column
CSS
2 votes177 views1 answer
Input type file placeholder
CSS
13 votes144 views2 answers
How to middle text css
CSS
2 votes94 views1 answer
How to disable div onclick in javascript
CSS
0 vote134 views2 answers
Html overflow scroll only if needed with exemple
CSS
7 votes147 views1 answer
Git clone command in terminal
CSS
0 vote98 views2 answers
Transparent circle in css
CSS
57 votes148 views6 answers
Virtualenv --python
CSS