/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 vote179 views1 answer
How to write remark in css
CSS
0 vote157 views1 answer
Css get screen height
CSS
19 votes140 views6 answers
Css font family
CSS
6 votes146 views4 answers
Backdrop filter css
CSS
0 vote153 views1 answer
Truncate multiline text
CSS
1 vote184 views1 answer
Increase font size zenity
CSS
6 votes226 views2 answers
Transition prefixes css
CSS
0 vote173 views1 answer
Flex-wrap#verhindert auslaufen aus container
CSS
0 vote155 views1 answer
Uytutyu
CSS
1 vote118 views1 answer
Html css bilder nebeneinander
CSS