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

0 vote153 views1 answer
Removing space between words css
CSS
0 vote160 views1 answer
Time an element to disappear css
CSS
0 vote146 views1 answer
Materialize css icon
CSS Materialize
-2 votes269 views3 answers
Box sizing reset
CSS
4 votes149 views3 answers
Webkit
CSS
0 vote158 views1 answer
Background url with color css
CSS
0 vote193 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
33 votes150 views6 answers
Gradient css
CSS
0 vote163 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS
1 vote158 views1 answer
Css break wrap header
CSS