💧Liquid Navigation Menu Indicator Using HTML CSS & JavaScript

Veröffentlicht am: 09 April 2022
auf dem Kanal: Bedimcode

43,282

1.3k

How to create a responsive liquid navigation menu indicator using HTML CSS and JavaScript. With outer curve effects of magic menu indicator.

❤ Support me
https://www.buymeacoffee.com/bedimcode

💙 Support me by PayPal
https://ko-fi.com/bedimcode

📁 Assets
Fonts: https://fonts.google.com/
Icons: https://remixicon.com/
GitHub: https://github.com/bedimcode/responsi...

🔗 Source code
https://github.com/bedimcode/liquid-n...

☝ How to download the project
Click on the GitHub link
Click the green button (code)
Click Download ZIP
Extract the project to the desired location

👨‍💻 Start project from scratch
https://github.com/bedimcode/liquid-n...

🔔 Subscribe for more!
/ bedimcode

⏱ Timestamps
0:00 Intro liquid navigation
1:37 Project Setup
2:19 Navbar HTML
4:06 Variables & Reset CSS
06:07 Navbar CSS
09:05 Liquid Navigation Indicator
11:42 Scroll Sections Active Link
14:22 Breakpoints
15:44 Link Active Without Scroll
16:31 Final Project

🎥 Video how to use Sass in projects
• Settings and how to use Sass | Config...

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

#responsivenavbar #navigationmenu #responsivemenu

Auf dieser Seite können Sie das Online-Video 💧Liquid Navigation Menu Indicator Using HTML CSS & JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Bedimcode 09 April 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 43,282 Mal angesehen und es wurde von 1.3 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

10,302