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

4 votes200 views2 answers
Border dot css
CSS
0 vote153 views1 answer
Bold in label html
CSS
0 vote148 views1 answer
How to mirror flip a video tag css
CSS
6 votes144 views2 answers
Linear gradient syntax
CSS
0 vote155 views2 answers
Add transition to zoom button on hover
CSS
35 votes147 views2 answers
How to blur background color in css
CSS
7 votes148 views6 answers
Css animation loop
CSS
19 votes183 views2 answers
How to customize placeholder css
CSS
0 vote148 views1 answer
Import custom font
CSS
1 vote143 views1 answer
Html how to use a background image fill not stretch
CSS