Drawers, Flyouts, and Hidden Menus | A Webflow Tutorial (Re-upload)
NEW SKILLSHARE CLASS -
Hey all! I just launched a new course called "Webflow for Beginners". Most of the tutorials I do on YouTube are for intermediate users. But, I wanted to do something for folks starting from scratch. Click the link below to get 2 months of Skillshare Premium for free and be able to watch the course:
https://skl.sh/2PU9tML
ABOUT -
In this tutorial, I cover how to build a custom drawer that slides in from the side of the screen. Super useful for thinks like team member biographies, additional content, e-commerce, and even custom navigation menus.
CHAPTERS -
Chapter 1 | Product Grid - 01:30
Chapter 2 | Building the Drawer - 21:10
Chapter 3 | Animating the Drawer - 41:55
WEBFLOW -
Live Webflow Site:
https://jocando-tutorials.webflow.io/...
*Quick note. I consolidated all of the tutorials into one project and lost some stylings along the way. But the core functionality is still there.
Read-only link:
https://preview.webflow.com/preview/j...
RESOURCES -
Object Fit
https://www.w3schools.com/css/css3_ob...
Font
https://fonts.google.com/specimen/Dar...
ABOUT ME -
Serve - My Studio’s Site: https://www.madebyserve.com/
Dribbble: https://dribbble.com/Jose_Ocando
