Css background color over image

.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 vote218 views2 answers
How to do addition or subtraction on CSS Variables?
CSS
0 vote223 views1 answer
If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
CSS
1 vote226 views1 answer
Css transform border radius
CSS
0 vote233 views1 answer
How to display a header in the center of the column in css
CSS
1 vote226 views1 answer
How to make div scrollable horizontal
CSS
-1 vote212 views1 answer
Css disable scroll mobile
CSS
0 vote234 views1 answer
Linux copy directory permissions to another directory
CSS
2 votes232 views2 answers
Image rendering css
CSS
1 vote214 views1 answer
Locate canvas in center of screen css
CSS
0 vote220 views1 answer
Fix scroll css position sticky
CSS