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 vote298 views1 answer
Hiding text outside of border css
CSS
16 votes237 views2 answers
Set font color in css
CSS
0 vote268 views1 answer
Scroll down style
CSS
0 vote273 views1 answer
Centos 8 cron on reboot
CSS
0 vote277 views1 answer
Css color gradient background full height
CSS
0 vote287 views1 answer
How to build a glass website using HTML and CSS
CSS
3 votes245 views1 answer
Smooth scroll to anchor
CSS
3 votes261 views1 answer
Change css to scss angular
CSS
11 votes247 views1 answer
90deg rotate to left css
CSS
0 vote299 views1 answer
Dynamic multi-level in vuejs
CSS