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

0 vote118 views1 answer
Border-bottom smaller div
CSS
0 vote143 views1 answer
Look and Feel
CSS
66 votes122 views6 answers
Center an image
CSS
0 vote100 views1 answer
Css - use universal '*' selector vs. html or body selector?
CSS
1 vote221 views2 answers
Block elements css
CSS
3 votes78 views1 answer
Smooth scroll to anchor
CSS
0 vote117 views1 answer
Make font awesome spin but not the word on hover
CSS
1 vote107 views1 answer
How to serve css through go
CSS
0 vote136 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
0 vote213 views7 answers
Convert css box shadow to react native
CSS