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

2 votes132 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
1 vote110 views1 answer
How to check if eloquent result is empty
CSS
0 vote239 views1 answer
Text align in materialize css
CSS Materialize
1 vote132 views2 answers
Overflow x not hidden
CSS
0 vote112 views1 answer
Réglage de constantes PHP
CSS
0 vote119 views2 answers
Animate.css not working
CSS
0 vote108 views1 answer
Css outline shorthand
CSS
9 votes139 views2 answers
Semibold css
CSS
0 vote109 views1 answer
Dynamic multi-level in vuejs
CSS
17 votes121 views1 answer
Yarn start not working on powershell
CSS