Can I Create Online Tutorial’s Magic CSS Indicator?

I recently saw the thumbnail for Online Tutorial’s video on a magic CSS nav and it really intrigued me. I was curious how they created the design and wanted to try to replicate it myself. That is where this video comes in. This is my first attempt at recreating their design and I am surprised how tricky yet simple the entire process is.


📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/c...
Online Tutorials Video:    • Magic Navigation Menu Indicator using...  


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:55 - Basic Navbar
10:59 - Magic Indicator
46:47 - JavaScript
50:43 - Moving The Indicator


#MagicIndicator #WDS #CSSAnimation