redon13
7/22/2016 - 12:34 PM

Tinted Images with Multiple Backgrounds - Linear gradient source https://css-tricks.com/tinted-images-multiple-backgrounds/

Tinted Images with Multiple Backgrounds - Linear gradient source https://css-tricks.com/tinted-images-multiple-backgrounds/

.tinted-image {
  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    ),
    /* bottom, image */
    url(image.jpg);
}