Animated Hamburger Menu
6.6K views · 2022-09-20
UI Design
We offer free trials - learn JavaScript, CSS, and HTML with us!
Want to set up a hamburger menu for your mobile navigation with a slick animation? It's not as hard as you may think. Follow along while I tackle this small UX feature!
Start your free trial to learn more! https://trhouse.co/43l60Y4
Related Treehouse course:
CSS Transitions and Transforms:
https://trhouse.co/427Dic8
Want to check out a step-by-step written version of this guide? Take a look at either our corresponding blog article or GitHub repo associated with this guide below:
Blog article:
https://trhouse.co/3MABH9b
GitHub repo:
https://github.com/treehouse/hamburger-menu
Chapters:
0:00 Intro & demo
0:35 Getting started & basic file setup
1:03 HTML
2:03 CSS
6:55 JavaScript
7:41 Off-screen Menu
10:05 Final thoughts / Outro
---
Learn how to build websites and apps, write code, or start a business at Treehouse. Learn from over 14,000 videos created by our expert teachers on web design, coding, business, and much more. Treehouse teaches the in-demand technology skills you need to land your dream job.
Follow Us!
Twitter: https://twitter.com/treehouse
Instagram: https://instagram.com/teamtreehouse
LinkedIn: https://www.linkedin.com/school/treehouse-island-inc-/
Facebook: https://www.facebook.com/teamtreehouse/
#coding #programming #javascript #frontend #css #html #mobile
Want to set up a hamburger menu for your mobile navigation with a slick animation? It's not as hard as you may think. Follow along while I tackle this small UX feature!
Start your free trial to learn more! https://trhouse.co/43l60Y4
Related Treehouse course:
CSS Transitions and Transforms:
https://trhouse.co/427Dic8
Want to check out a step-by-step written version of this guide? Take a look at either our corresponding blog article or GitHub repo associated with this guide below:
Blog article:
https://trhouse.co/3MABH9b
GitHub repo:
https://github.com/treehouse/hamburger-menu
Chapters:
0:00 Intro & demo
0:35 Getting started & basic file setup
1:03 HTML
2:03 CSS
6:55 JavaScript
7:41 Off-screen Menu
10:05 Final thoughts / Outro
---
Learn how to build websites and apps, write code, or start a business at Treehouse. Learn from over 14,000 videos created by our expert teachers on web design, coding, business, and much more. Treehouse teaches the in-demand technology skills you need to land your dream job.
Follow Us!
Twitter: https://twitter.com/treehouse
Instagram: https://instagram.com/teamtreehouse
LinkedIn: https://www.linkedin.com/school/treehouse-island-inc-/
Facebook: https://www.facebook.com/teamtreehouse/
#coding #programming #javascript #frontend #css #html #mobile