Css background color over image

.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 vote124 views1 answer
Javafx css rectangle outline
CSS
54 votes139 views3 answers
Center align an image css
CSS
9 votes148 views5 answers
Html button size
CSS
8 votes147 views5 answers
Css hover change other element
CSS
0 vote118 views1 answer
Css gradient 3 color
CSS
7 votes124 views2 answers
Create circle border css
CSS
8 votes126 views2 answers
Font roboto css
CSS
-2 votes127 views2 answers
How to add button in css
CSS
1 vote93 views2 answers
Summation in jupyter markdown
CSS
0 vote133 views1 answer
Sub menu not showing horizontal css
CSS