Overlay color on image css

footer#site-footer{  
  position:relative;
}

footer#site-footer:before {     /* use before property (pseudo-element)  */
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

Similar codes

5 votes197 views1 answer
1 line darkmode css
CSS
40 votes157 views3 answers
Select first 5 child css
CSS
0 vote165 views1 answer
Css 2 images side by side to stack
CSS
54 votes171 views6 answers
Css ellipsis
CSS
56 votes146 views3 answers
How to make a round corner in CSS
CSS
1 vote160 views1 answer
Javafx right-align in vbox
CSS
100 votes165 views2 answers
What is position property in css
CSS
1 vote157 views1 answer
Css remove whitespace around element
CSS
75 votes179 views6 answers
Flexbox
CSS
0 vote161 views2 answers
Tailwind css disabled button
CSS