/CSS/Tint image with background color css

Tint image with background color 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

3 votes268 views1 answer
Illuminate\Database\QueryException could not find driver
CSS
0 vote305 views1 answer
Css push div down
CSS
0 vote330 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
3 votes259 views2 answers
Centralize div flex
CSS
29 votes267 views4 answers
Css input selector
CSS
1 vote275 views1 answer
Remove boldness css
CSS
0 vote269 views1 answer
Checkbox before stretching with css
CSS
0 vote266 views1 answer
Change size
CSS
2 votes271 views1 answer
@media prefers-color-scheme
CSS
0 vote256 views1 answer
Unclickable button
CSS