/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 vote336 views1 answer
Css only if both classes
CSS
196 votes525 views10 answers
Internet explorer
CSS
38 votes212 views6 answers
Rotate image css
CSS
0 vote214 views1 answer
Imporatn css
CSS
10 votes217 views3 answers
Underline css animation
CSS
7 votes225 views2 answers
Background color semi transparent
CSS
0 vote278 views1 answer
Codemirror resizable
CSS
0 vote250 views1 answer
Reorder images in mobile web developer
CSS
0 vote212 views1 answer
Webpagetest.org header security fixing
CSS
0 vote218 views1 answer
Scss font color
CSS