/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

1 vote212 views1 answer
How to change style based on screen size
CSS
0 vote175 views1 answer
Cs cart ty-no-image__icon ty-icon-image
CSS
-6 votes226 views7 answers
Css flex
CSS
7 votes200 views1 answer
How to use multiple custom fonts in css
CSS
0 vote218 views1 answer
Pourquoi mon css ne fonctionne pas quand je recharge la page
CSS
2 votes211 views1 answer
Scss function
CSS
0 vote209 views2 answers
Error: the sandbox is not in sync with the podfile.lock. run
CSS
52 votes199 views6 answers
Center a div
CSS
13 votes305 views4 answers
How to print background bootstrap
CSS Bootstrap
12 votes192 views1 answer
How to make borders rounded in css
CSS