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 vote308 views1 answer
Easiest way to invert css to dark mode
CSS
55 votes326 views3 answers
Jquery add css
CSS
5 votes306 views5 answers
Css disable zoom on mobile
CSS
3 votes334 views3 answers
How to use image zoom effect in css
CSS
0 vote325 views1 answer
Td wrap text without space
CSS
0 vote299 views1 answer
Resize logo html css
CSS
0 vote277 views2 answers
Laravel default app.css downloD
CSS
7 votes323 views2 answers
Vue sass loader
CSS
31 votes278 views4 answers
Letter spacing in css
CSS
16 votes300 views4 answers
Arrow down css
CSS