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

56 votes347 views3 answers
Donald trump twitter
CSS
2 votes311 views1 answer
How to apply css to firefox only
CSS
55 votes321 views5 answers
Bootstrap 3 button
CSS
3 votes323 views3 answers
Horizontal scroll
CSS
0 vote324 views2 answers
Pesudo content css break word
CSS
0 vote335 views2 answers
Linear gradient and url css
CSS
7 votes337 views2 answers
Sass mixin
CSS
0 vote280 views1 answer
Cursor color change
CSS
2 votes367 views2 answers
Link to css html
CSS
0 vote372 views2 answers
Facebook box-shadow css
CSS