/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

0 vote124 views1 answer
Array_filter use keys
CSS
-1 vote124 views1 answer
Financial year vs assessment year
CSS
1 vote119 views1 answer
Slickjs height
CSS
9 votes121 views5 answers
How to make a triangle in css
CSS
4 votes149 views3 answers
Block zoom js mobile
CSS
-1 vote116 views1 answer
Empty areas in the grid are defined using '.'
CSS
0 vote153 views3 answers
Add custom css to wordpress menu item
CSS
15 votes111 views2 answers
Custom selection color css
CSS
0 vote116 views1 answer
Css device orientation
CSS
0 vote123 views1 answer
Horizontal checkbox css
CSS