CSS Animated Responsive Navbar - CSS Animations for Beginners

CSS Animated Responsive Navbar - CSS Animations for Beginners

Dave Gray via YouTube Direct link

Build the Hamburger Menu Icon

14 of 17

14 of 17

Build the Hamburger Menu Icon

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

CSS Animated Responsive Navbar - CSS Animations for Beginners

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

  1. 1 Intro
  2. 2 Welcome
  3. 3 Menu Preview
  4. 4 Starter Code
  5. 5 Using Pseudo-Class Selectors
  6. 6 transform: translate
  7. 7 transform: rotate
  8. 8 transform: scale
  9. 9 transform: skew
  10. 10 Find more values
  11. 11 CSS Transitions
  12. 12 CSS Animations
  13. 13 Navbar Starter Code
  14. 14 Build the Hamburger Menu Icon
  15. 15 Create the Dropdown Menu
  16. 16 Style and Transform Menu Links
  17. 17 Animate the Hamburger Icon and Dropdown Menu

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.