/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 vote125 views2 answers
Background having opacity and text above to not have opacity
CSS
1 vote138 views1 answer
Cs and cd in jfet
CSS
1 vote141 views2 answers
Selector css
CSS
0 vote147 views2 answers
Css background-clip
CSS
0 vote123 views1 answer
Ie11 image stretching
CSS
1 vote142 views2 answers
Css block
CSS
0 vote132 views1 answer
Css tutorial point
CSS
4 votes168 views1 answer
Move button in CSS
CSS
10 votes127 views2 answers
Css how to change font colr
CSS
0 vote144 views2 answers
Deployer custom Options
CSS