Animated Hamburger Icons - Basic, Intermediate, and Pro

Animated Hamburger Icons - Basic, Intermediate, and Pro

Kevin Powell via YouTube Direct link

- Creating the third SVG

8 of 11

8 of 11

- Creating the third SVG

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Animated Hamburger Icons - Basic, Intermediate, and Pro

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

  1. 1 - Introduction
  2. 2 - What we’re starting with and setting up the first button
  3. 3 - Creating the first SVG
  4. 4 - General styling for all our buttons
  5. 5 - Styling and animating the first button
  6. 6 - Creating the second SVG
  7. 7 - Styling and animating the second button
  8. 8 - Creating the third SVG
  9. 9 - Styling and animating the third button
  10. 10 - Writing the JavaScript
  11. 11 - Making the second animation more interesting

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.