Animated Hamburger Icon, Mobile Menu & Responsive Navbar with Tailwind CSS

Animated Hamburger Icon, Mobile Menu & Responsive Navbar with Tailwind CSS

Dave Gray via YouTube Direct link

Start Menu Version 2

9 of 18

9 of 18

Start Menu Version 2

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Animated Hamburger Icon, Mobile Menu & Responsive Navbar with Tailwind CSS

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Welcome
  3. 3 Overview & Starter Code
  4. 4 Small Changes to Project
  5. 5 Two Menu Versions
  6. 6 Build the Mobile Menu
  7. 7 Add keyframes and animations
  8. 8 Add a little JavaScript
  9. 9 Start Menu Version 2
  10. 10 Create a Hamburger Menu Icon
  11. 11 Arbitrary Values in Tailwind CSS
  12. 12 Extract Classes with @apply
  13. 13 Create the Hamburger Animation
  14. 14 VS Code: Disable Format on Save
  15. 15 Add One More Line of JS
  16. 16 Checking the Hamburger Animation
  17. 17 Future Tailwind CSS Topics
  18. 18 Organize Classes with Prettier

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.