Burger Menu Animations in Webflow
August 17, 2024 2024-08-17 23:07
Burger Menu Animations in Webflow
Orignal Website: https://www.heytempo.com
Webflow Project: https://bit.ly/2GpBMuP
–
Learn how to design high-value websites:
http://bit.ly/Flux-Learn-Web-Design
–
Learn how to build custom websites in hours using Webflow:
http://bit.ly/Flux-Learn-Webflow
–
Flux is proudly sponsored by Webflow, start a new account with an awesome discount:
http://bit.ly/FluxWebflowDiscount
–
Instagram: https://www.instagram.com/ransegall/
Twitter: http://twitter.com/ransegall
–
Gear & Book Recommendations: http://bit.ly/2ohFOuj
#webdevelopment #webflow #tutorial
Thanks for watching the video Burger Menu Animations in Webflow
source
Comments (21)
@HGalland
Ran, you are THE Webflow sensei. Thanks so much!
@pilot341
I don't know how hamburger menu sections link?
@ismaeldiaby6015
+1😄
@selvin9845
IT WAS NOT HELPFUL SINCE YOU DID NOT SHOWED ME HOW TO DO IT STEP BY STEP!!!…👎 I was expecting a tutorial…
@bochano
Thanks!
@volodymyrsymchuk6762
So cool, thank you!
@liucheryl7033
For the orignal website, we can close burger menu when we click outside, but we cannot do it on example! is there any way?
@chr1shan
It's amazing cause my co-worker can't build a burger menu in 6 hours with this 5 min tutorial … I need some coffee i guess :/
@jedijosh707
I generally love your stuff, but I feel like this video isn't very effective or well done. I know there are easier ways to animate the buger menu, including using lottie files, which I would love for you to cover.
@ArtfulUI
made in a same way ! works great
@waroakawa
this is helpful.. thank you.
@alfiematthews9314
Hello, looking for some help! Incase I missed it, how implement a close animation? I animated the lines to an 'X' and the menu overlay…
@amberreyn
This is great. Suggestions to speed it up.
@mkukulka
This is sooo good. Thank you Ran.
@shibly95
Hi Ran, if I click a menu item and it will redirect to there but if it is in a same page then how can I do that, when I'll click then menu bar will be closed automatically and it will lead to that section?
@jasmera9889
thanks man
@robbegeukens
After I close the menu (I made it full screen not 350px) all my buttons on the screen aren't animating or clickable. It seems like the MenuBG is still over al the other elements. I tried to hide it but it isn't working. Any ideas on how to fix this?
@markiscoolms
But it is clunky as hel. You have to use a second click to close the menu and so the animation goes back to its original state. But sometimes there is no second click. Like when you click on a link and the menu closes and goes to the link.
@paluskae
so cool! but how to fade the background? I found no clue 🙁
@LucianBlankevoort
I want my nav bar to be fixed at the top but this breaks things in that the "fixed icons" div then falls below the rest of the menu that comes over it. how can I fix it? here is my read only link https://preview.webflow.com/preview/bluepreme-supreme-07be2385ec774dbbedaf3?utm_medium=preview_link&utm_source=dashboard&utm_content=bluepreme-supreme-07be2385ec774dbbedaf3&preview=e6fcd10224ca55d306fc78e3197fbb79&mode=preview
@HACHmusic
An easier way to do it is to have 2 images one hamburger and one X. And you have them fade in and out on interaction. :/
Workforce like a charm with the same effects.