Footer Reveal on scroll
I am building a site for a client and he wants this footer reveal on scroll . I have tried following few blogs, videos and some templates but I am still unable to achieve this. Anyone who has done similar thing can you please guide me and give me tips on how to achieve this particular effect.
Can anyone help me?
Thank you in advance
videos and templates I tried to follow : https://www.youtube.com/watch?v=gi_M1xWmeKc,
https://webflow.com/made-in-webflow/website/Trendy-Footer-Reveal
preview link: https://preview.webflow.com/preview/thinkmind-dev?utm_medium=preview_link&utm_source=designer&utm_content=thinkmind-dev&preview=824bcbc8230683ba80dc7d0d3e100afd&workflow=preview
Can anyone help me?
Thank you in advance
videos and templates I tried to follow : https://www.youtube.com/watch?v=gi_M1xWmeKc,
https://webflow.com/made-in-webflow/website/Trendy-Footer-Reveal
preview link: https://preview.webflow.com/preview/thinkmind-dev?utm_medium=preview_link&utm_source=designer&utm_content=thinkmind-dev&preview=824bcbc8230683ba80dc7d0d3e100afd&workflow=preview
YouTubeRobin G.
Check out my Webflow templates: https://robn.link/templates
This example is based on my portfolio template "Wind" - https://webflow.com/templates/html/wind-portfolio-website-template
Try out Webflow: https://webflow.grsm.io/robin
Lenis smooth scroll: https://github.com/studio-freight/lenis
This example is very similar to my previous ...
Check out my Webflow templates: https://robn.link/templates This example is based on my portfolio template "Wind" - https://webflow.com/templates/html/wind-portfolio-website-template Try out Webflow: https://webflow.grsm.io/robin Lenis smooth scroll: https://github.com/studio-freight/lenisThis example is very similar to my previous ...
Trendy Footer Reveal!
One of my favorite, trendy interactions is a footer that reveals itself once the user gets to the bottom of the page. I've used this effect a number of times, and thought I'd share it with you (trendy vertical nav included)! Enjoy, and clone away!
For Cloners: Be sure to make the height of the section-footer-spacer to be the same as your footer...
For Cloners: Be sure to make the height of the section-footer-spacer to be the same as your footer...
