/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

4 votes244 views1 answer
Css selector every child except last
CSS
2 votes239 views1 answer
Why do we need hexadecimal number system
CSS
66 votes268 views6 answers
Remove bullets from list css
CSS
1 vote262 views1 answer
Css %-px
CSS
-1 vote238 views1 answer
Scss npm import
CSS
55 votes246 views5 answers
Bootstrap 3 button
CSS
39 votes245 views2 answers
Css to increase font size
CSS
2 votes263 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespaces
CSS
7 votes218 views2 answers
Remove horizontal scrollbar css
CSS
16 votes231 views3 answers
Sass install
CSS