Magic Navigation Menu Indicator using HTML CSS and Javascript | Animated Navigation Menu Bar
Рет қаралды 26,557
Жыл бұрынMagic Navigation Menu Indicator using HTML CSS and Javascript, Animated Navigation Menu Bar, Bottom Navbar HTML CSS, Navigation Bar in HTML and CSS, Curved Navigation Bar CSS
Hope this tutorial will be helpful.
Don’t forget to Subscribe for more videos, Thank you!
Click For More: / @codehal
Source Code:
codehalweb.com/
-------------------------------------------------------------------
Related Videos:
Magic Navigation Menu Indicator using HTML CSS and Javascript | Effects 02
• Magic Navigation Menu ...
Music:
Song: Xad - Birds (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link: • Xad - Birds (Vlog No C...
Track: Ikson - Last Summer [Official]
Music provided by Ikson®
Listen: • #37 Last Summer (Offic...
🔔 Subscribe Now!
/ @codehal
Codehal
-------------------------------------------------------------------
#css #cssanimation #csseffect #codehal
-------------------------------------------------------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.
@o2tech118 5 ай бұрын
I appreciate your work..
@AviationIT Жыл бұрын
Bro Great tutorial. KIndly provide source code of this.
@zzippelgazz 7 ай бұрын
Great idea but there is a better way, SVG shape morphing. WHY? becasue then you can have any background color.
@shraj340 4 ай бұрын
Good Work ❌ Copy Work ✅ from - Online Tutorials
@RyzenYtLive-Tamil Жыл бұрын
Bro Source code ?
@broadcast3ful Жыл бұрын
G Drive access ?
@user-fh5jz5pe4z 18 күн бұрын
Version Reactjs, please 😃
@7svg516 Жыл бұрын
btw i've subbed
@codehal Жыл бұрын
Done bro, check your email inbox
@IndiaToUsaDonkeys Жыл бұрын
Bro 1dm browser ka clone karke dekhao. But change the ui
@codehal Жыл бұрын
Source code is available in the description
@sheckyvee8384 3 ай бұрын
Can i have your code just needed tomorrow 😭🤣
@7svg516 Жыл бұрын
access dedo pls
@braullothebrown512 Жыл бұрын
How can I align it to the top?
@codehal Жыл бұрын
Like navbar?
@braullothebrown512 Жыл бұрын
@@codehal yes
@codehal Жыл бұрын
Change in .navigation class position: fixed; top: 0; left: 0; width: 100%; After that, you only need to set the transition direction of the icon, text, and indicators when the class is active as you want
@braullothebrown512 Жыл бұрын
@@codehal May I ask how can I add more buttons in the navigation bar? When I try adding some buttons, the indicator does not move.
@codehal Жыл бұрын
In html add along with elements inside li, then in css, copy .navigation ul li:nth-child(5).active~.indicator { transform: translateX(calc(70px * 4)); } you just need to change li:nth-child(5) to li:nth-child(6) and change translateX(calc(70px * 4)) to translateX(calc(70px * 5)), and so on like that, you just need to add 1 to the nth-child number and calc
@TheBoysMemes123 Жыл бұрын
sir ma na app ka channel ko subscribe kar lia ha
@TheBoysMemes123 Жыл бұрын
link description me dede
@codehal Жыл бұрын
What do you mean ?,, I don't get it bro..
@TheBoysMemes123 Жыл бұрын
@@codehal bro source code dada
@TheBoysMemes123 Жыл бұрын
is video ka source code da do
@IndiaToUsaDonkeys Жыл бұрын
Apna contact dena
@sajibbhattacharjee5436 Жыл бұрын
Accept me on google drive.
@codehal Жыл бұрын
Done.... check email inbox
El_ Shadow Academy
Рет қаралды 105 М.
Clube do Criativo - Soluções Digitais
Рет қаралды 697
BoomDevs Academy
Рет қаралды 24 М.