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 vote140 views1 answer
How change the text position
CSS
1 vote150 views1 answer
How to check if eloquent result is empty
CSS
0 vote158 views1 answer
Td min-height not working
CSS
0 vote206 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote177 views1 answer
What is the opacity of disabled text
CSS
18 votes188 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
0 vote140 views1 answer
Css witdh
CSS
9 votes210 views3 answers
Bootstrap list
CSS Bootstrap
0 vote147 views1 answer
Css 2 divs nebeneinander
CSS
92 votes152 views5 answers
Bootstrap primary color code
CSS