/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 vote142 views1 answer
Html link local css file
CSS
0 vote249 views1 answer
Css center table on page
CSS
0 vote146 views1 answer
Css element top layer
CSS
0 vote145 views2 answers
Pesudo content css break word
CSS
-1 vote91 views1 answer
Responsiveness in bootstrap
CSS
0 vote139 views1 answer
Oracle apex interactive report odd even
CSS
0 vote148 views1 answer
Chrome remove black inline from click button
CSS
0 vote144 views1 answer
Css calc margin-top based on height?
CSS
32 votes199 views6 answers
Alert bootstrap
CSS Bootstrap
0 vote140 views1 answer
Css List in line
CSS