/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 vote298 views3 answers
Css horizontal ul
CSS
13 votes324 views6 answers
Bootstrap Badges
CSS
0 vote311 views1 answer
Css if screen size less than
CSS
1 vote315 views2 answers
Css grid two columns
CSS
152 votes364 views6 answers
How to add bold in css
CSS
8 votes384 views3 answers
Bootstrap 4 center image
CSS Bootstrap
0 vote333 views1 answer
Mouse hold css effect
CSS
1 vote325 views3 answers
Rainbow text css
CSS
20 votes303 views2 answers
Div circle
CSS
0 vote306 views1 answer
Font-strech css
CSS