Animate Navigation on Scroll - CSS-Only and Easy to Customize

Animate Navigation on Scroll - CSS-Only and Easy to Customize

Kevin Powell via YouTube Direct link

- Introduction

1 of 13

1 of 13

- Introduction

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Animate Navigation on Scroll - CSS-Only and Easy to Customize

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

  1. 1 - Introduction
  2. 2 - merch
  3. 3 - The HTML and starting CSS
  4. 4 - Adding position: sticky
  5. 5 - Creating a simple animation
  6. 6 - Making the animation work on scroll
  7. 7 - Controlling when the animations starts and ends
  8. 8 - Making the distance more intuitive
  9. 9 - Adding more custom properties
  10. 10 - Dealing with browser support
  11. 11 - The glashmorphism version setup
  12. 12 - Making the nav slide in once we scroll down
  13. 13 - Adjusting the width of the nav when it reappears

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.