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

56 votes356 views2 answers
Responsive css code for all screen size
CSS
5 votes322 views3 answers
Css glow effect
CSS
9 votes336 views4 answers
Css size button
CSS
1 vote319 views1 answer
Serve : File C:\Users\MY PC\AppData\Roaming\npm\serve.ps1 cannot be loaded because running scripts is disabled on this system
CSS
127 votes350 views4 answers
React import bootstrap css
CSS
1 vote382 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
0 vote348 views1 answer
Move text in a padding css
CSS
0 vote324 views1 answer
Wordpress smooth scroll to anchor
CSS
1 vote367 views1 answer
Mat-progress-bar style without app-theme
CSS
1 vote334 views2 answers
Css focus border radius
CSS