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

0 vote177 views1 answer
Building Multi-Architecture Docker Images on ARM 64-bit
CSS
0 vote169 views1 answer
Margin not working on inline elements
CSS
50 votes167 views5 answers
Child css
CSS
0 vote178 views1 answer
Html click through image
CSS
0 vote192 views1 answer
Dropcap - :first-letter pseudo class not working as expected in firefox
CSS
0 vote186 views1 answer
Hide yunohost button on apps
CSS
0 vote179 views3 answers
Sphinx css templates
CSS
0 vote191 views5 answers
How many px is iphone 12 pro max css
CSS
47 votes198 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
2 votes208 views3 answers
Css properties in html
CSS