/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 vote152 views1 answer
How to add color to a image css
CSS
18 votes161 views2 answers
Php + get sql query
CSS
0 vote155 views2 answers
Background image syntax in css if it is in folder
CSS
0 vote152 views3 answers
Css horizontal ul
CSS
13 votes193 views2 answers
How to link a button to another page in css
CSS
1 vote186 views1 answer
Ion input padding left
CSS
1 vote150 views3 answers
Change scrollbar color
CSS
22 votes155 views2 answers
Disable highlight css
CSS
6 votes168 views5 answers
Object fit css
CSS
1 vote157 views1 answer
How to highlight input on focus with box shadow
CSS