Tint image css

.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

33 votes174 views6 answers
Git reset head
CSS
47 votes192 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
0 vote190 views1 answer
How to use purgecss with webpack mix laravel
CSS
3 votes168 views2 answers
Crop image with circle css
CSS
0 vote161 views1 answer
Table td remove padding
CSS
5 votes166 views3 answers
Css glow effect
CSS
60 votes206 views3 answers
Adding shadow to a div
CSS
17 votes188 views2 answers
Solved - gulp : File C:\Users\Tech\AppData\Roaming\npm\gulp.ps1 cannot be loaded because running scripts is disabled on this system.
CSS
0 vote242 views1 answer
Bootstrap remove unused css
CSS Bootstrap
0 vote165 views1 answer
Access lamp folder using terminal mac
CSS