/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 vote241 views2 answers
Css animation png
CSS
-1 vote198 views1 answer
Apple gradients
CSS
0 vote266 views2 answers
Bootstrap 5 container
CSS Bootstrap
20 votes187 views6 answers
Fonts for css
CSS
12 votes186 views2 answers
Input number hide button
CSS
0 vote406 views1 answer
Get into a Docker container bash
CSS
15 votes214 views3 answers
Drop shadow image css
CSS
0 vote196 views1 answer
Background pulled to corner on small screens
CSS
0 vote210 views1 answer
Medim size mat form field
CSS
1 vote206 views1 answer
Dom ids have numbers
CSS