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

1 vote321 views1 answer
How to put something on layers css
CSS
1 vote307 views1 answer
Scss percentage
CSS
44 votes383 views5 answers
Breakpoint bootstrap
CSS Bootstrap
44 votes331 views6 answers
Textarea disable resize
CSS
0 vote321 views1 answer
"graphql.print"
CSS
0 vote294 views1 answer
Animation not hover out
CSS
2 votes374 views1 answer
Contenteditable new line
CSS
0 vote276 views3 answers
Image not rendering in tailwind css
CSS
0 vote312 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
29 votes344 views6 answers
Css animation
CSS