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 vote301 views1 answer
Css media query aspect ratio
CSS
0 vote320 views1 answer
Rotate font css 90º
CSS
1 vote343 views1 answer
Input time without am pm
CSS
57 votes379 views4 answers
Css hover rounded corners
CSS
0 vote337 views1 answer
CodeIgniter + WordPress integration
CSS
1 vote325 views2 answers
How to add google fonts to css in react
CSS
0 vote302 views2 answers
To convert categorical data to numerical
CSS
0 vote372 views1 answer
Shrink a div by 50%
CSS
6 votes327 views2 answers
How to give opacity to border
CSS
4 votes339 views2 answers
Add background overlay over background image
CSS