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

3 votes280 views3 answers
Website gradient
CSS
-2 votes314 views2 answers
Scss how to declare variable for multiple files
CSS
0 vote286 views1 answer
Offsetx and offsety in css
CSS
0 vote298 views1 answer
How to build a glass website using HTML and CSS
CSS
0 vote285 views1 answer
Svg style css
CSS
20 votes309 views4 answers
Css list no bullets
CSS
4 votes299 views1 answer
How to center placeholdr text
CSS
174 votes340 views6 answers
How to add background image in css
CSS
0 vote297 views1 answer
Text truncate after 3 lines
CSS
-1 vote305 views1 answer
Html css circle progress bar
CSS