💧Liquid Navigation Menu Indicator Using HTML CSS & JavaScript

preview_player
Показать описание
How to create a responsive liquid navigation menu indicator using HTML CSS and JavaScript. With outer curve effects of magic menu indicator.

☕️ Support me

💙 Support me by PayPal

📁 Assets

🔗 Source code

☝ 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

🔔 Subscribe for more!

⏱ 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

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

#responsivenavbar #navigationmenu #responsivemenu
Рекомендации по теме
Комментарии
Автор

I was kind of searching for something like these

ayushtiwari
Автор

Great job 👌❤️. It will be awesome with tabed pages. Thanks

OctogoneApps
Автор

Can you please tell me about the font you use for VS Code?

ziacodes
Автор

which icon theme r u using man?? AWESOME TALENT

jaisAJ
Автор

please add instruction in the project step by step like tutorials

awesome-klci
Автор

Wow you're the great web creator 👌👌👌
Actually now i am making this....
Thanks for your help



Do you have website ?

IvanIvan-ocnn
join shbcf.ru