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

9 votes136 views2 answers
Convert to css to css3
CSS
0 vote118 views2 answers
Laravel 7 css loading slow
CSS
2 votes129 views1 answer
Border bottom remove
CSS
0 vote154 views1 answer
Prevenrt div with height 100% from growing up
CSS
3 votes130 views2 answers
Border radius not working
CSS
0 vote139 views1 answer
Como diminuir uma imagem em css
CSS
0 vote149 views1 answer
Faunadb update
CSS
4 votes127 views1 answer
Css first h element
CSS
45 votes135 views6 answers
How to write css in html
CSS
43 votes128 views6 answers
Blur background css
CSS