December 26, 2019
Footer reveal
Author:
Zack Pyle
Description:
When scrolling down reveal footer from underneath the content.
Kind:
CSS
CSS:
footer {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: -100;
}
.fl-page-content {
position: relative;
z-index: 2;
margin-bottom: 48px; (change this to the height of your footer)
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
background-color: white;
}