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

3 votes227 views3 answers
How to use image zoom effect in css
CSS
2 votes188 views2 answers
No gutter in bootstrap css for row
CSS
0 vote206 views1 answer
Ubuntu toggle always on top
CSS
0 vote213 views1 answer
Html display text in alternating coloured panels
CSS
-2 votes205 views2 answers
Tailwind border bottom
CSS
0 vote213 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
1 vote217 views1 answer
How to make border hover effect in css
CSS
0 vote203 views1 answer
Nginx proxy_pass pass css asset not loading
CSS
18 votes229 views6 answers
Css box sizing
CSS
0 vote199 views2 answers
Materialize css for react
CSS