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

5 votes220 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
1 vote178 views1 answer
The user specified as a definer does not exist
CSS
0 vote184 views1 answer
Css design guideline
CSS
6 votes191 views3 answers
Skeleton css cdn
CSS
0 vote215 views1 answer
Html glow on hover
CSS
0 vote194 views3 answers
Input adresse ville automatique
CSS
1 vote233 views1 answer
Uibutton image
CSS
7 votes208 views2 answers
Remove blue border on a input
CSS
0 vote248 views2 answers
Button with background image and text html css
CSS
0 vote198 views1 answer
Custom hr in css
CSS