Magic Navigation Menu Indicator using Html CSS & Javascript

Magic Navigation Menu Indicator using Html CSS & Javascript | Curve Outside Effects 02

Рет қаралды 110,952

2 жыл бұрын

Click For More : kzfaq.info...
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
www.udemy.com/course/css-hove...
CSS Infinity Course : www.udemy.com/course/infinity...
Another Course : Build Complete Real World Responsive Websites from Scratch
www.udemy.com/course/complete...
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
Join : / @onlinetutorialsyt
------------------
Source Code : / onlinetutorials
Facebook Page : / onlinetutorialsyt
Instagram : / onlinetutorials_youtube
Twitter : / onlinetutoria16
Website : www.onlinetutorialsweb.com
Buy Me A Coffee : www.buymeacoffee.com/onlineTu...
------------------
#csseffect #topcsseffects
------------------
give proper credit if you repost this on other social media platform
------------------
Also Watch These
CSS Icon Hover Effects | Animated Menu Indicator using CSS & Javascript
• CSS Icon Hover Effects...
Navigation Menu Using Html CSS & Javascript | Curved Outside in Active Tab
• Navigation Menu Using ...
Sidebar Menu Using Html CSS & Javascript | Curved Outside in Active Tab
• Sidebar Menu Using Htm...
Glassmorphism Hover Effects with Magic Line Indicator using CSS & Javascript | CSS Glassmorphism
• Glassmorphism Hover Ef...
CSS Magic Line Icon Fill Hover Effects | Social Media Buttons
• CSS Magic Line Icon Fi...
------------------
Magic Navigation Menu Indicator using Html CSS & Javascript | Curve Outside Effects 01
• Magic Navigation Menu ...
------------------
icon source : ionic.io/ionicons
------------------
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

Пікірлер: 122

@prakharsoni6406 2 жыл бұрын

This is a really beautiful CSS design

@fernandopoveda9861 2 жыл бұрын

Realmente, me encantó!! Excelente trabajo...ahí es donde dices, ser desarrollador web es ser una artista....

@dwaynewal-e8615 2 жыл бұрын

They're both great, so it's more about which one you prefer.

@user-not-found-97 2 жыл бұрын

Both are Out standing as always.. 💟

@julianamattei2738 2 жыл бұрын

Increíble! Me anima muchísimo a seguir aprendiendo CSS

@johancraftz7778 2 жыл бұрын

Excelente trabajo amigo, desde hoy tiene un suscriptor más, esos códigos css me imprecionan, como programador no casi manejo diseño pero uf con esos estilos me animas a ponerle un diseño único y propio a mis páginas, sin necesidad de utilizar boostrap aunque es bueno, es un poco limitado pero cok tus diseños encantan y apacionana a cualquiera a seguir programando y hacer un buen diseñador gráfico

@steviewonder580 2 жыл бұрын

Jeez the designs of this guy... Very underrated

@youcube291 2 жыл бұрын

Your positivity is infectious.

@alec3217 Жыл бұрын

Neither are better or worse, it just depends on what you use them for, both look wonderful

@jebcalix 2 жыл бұрын

Excelente trabajo, se ve que manejas muy bien CSS. Siempre haces trabajos muy interesantes y difíciles de imaginar cómo hacerlos...

@domoviy 2 жыл бұрын

Полезная информация! Благодарю!

@daironperezfrias7819 2 жыл бұрын

I love this channel !!! Thanks Mr. !!

@callmesherni1490 2 жыл бұрын

AAP KI VIDEOS BAHOT ACHHI HOTI HAI....... MAI AAPKI HAREK VIDEOS DEKHTI HU... BAHOT ACHHI TARAH SE EXPLANATION KARTE HAI AAP.... WELDONE SIR.... YOUR VIDEOS IS VERY BEAUTIFUL AND VERY NICE.... I WATCH YOUR ALL VIDEOS.... ITS AMAZING VIDEOS... YOUR EXPLANATION IS VERY GOOD....

@sideshowlol 2 жыл бұрын

Elegant CSS solution. Thank you 😎🙏

@youcube291 2 жыл бұрын

The world would be a better place if more people were like you!

@KaiBuskirk Жыл бұрын

Agreed!

@alhlsmailayusuff1133 Жыл бұрын

Asallamu alaekum waramotullah wabarakatul I'm not getting it I followed all the explanation in the video but the icon are not displaying, please I need help.

@DarkCloud0000 2 жыл бұрын

I love your tips for CSS

@smbonlinestore Жыл бұрын

Thank you so much sir very useful video mene aapke sath sath banaya ye menubar and ekdam perfectly work kar raha he haa thodi bahut height width and color ki setting mere hisab se karni padi but finally ekdam perfect bana he. Thank you so much once again.

@KaiBuskirk Жыл бұрын

Amazing! Well done !

@youcube291 2 жыл бұрын

You’re an incredible friend.

@youcube291 2 жыл бұрын

You are one of a kind.

@louiscklaw 2 жыл бұрын

this one great ! i love it

@melvinnuslahdtuah269 2 жыл бұрын

This guy is something else 😜😜

@youcube291 2 жыл бұрын

You make me want to be the best version of myself.

@wibowomuhmmad 2 жыл бұрын

amazing bro , keep going

@3vonline 2 жыл бұрын

Great tutorial!

@iasofficials6473 2 жыл бұрын

both are excellent

@davidm.8835 2 жыл бұрын

Magnífico!!!

@julianmengchang627 2 жыл бұрын

Great job!

@ak_rocks 2 жыл бұрын

Amazing 🔥🔥🔥

@user-ec7bt9xe5o 2 жыл бұрын

it is useful for me,thanks

@ravindrapal3235 2 жыл бұрын

Bahut aachi design banate ho

@natnaelbelayneh7082 2 жыл бұрын

you're the best

@VrotEbavWas 2 жыл бұрын

Very cool and profit for me!

@勇気オ 2 жыл бұрын

Великолепный кодинг с понятными примерами, но автор деньговыжиматель!

@youcube291 2 жыл бұрын

Being around you makes everything better.

@notexample3072 Жыл бұрын

Very nice work dude =) amaze me for real =)))

@podiac 2 жыл бұрын

Each one has its one uniqueness.

@IBNEKAYESH 2 жыл бұрын

both are 10/10

@SyedMuzammilMahasanShahi Жыл бұрын

Thanks for the share.

@mnepitaph8354 2 жыл бұрын

Salam boss.. From Bangladesh 🇧🇩🇧🇩

@sevvalip1156 Жыл бұрын

çok güzel olmuş tebrikler

@azyzdarraji7554 2 жыл бұрын

excellent

@isrbillmeyer Жыл бұрын

Very cool

@luisdufour8036 2 жыл бұрын

Thanks!

@AshokKumar-zx1iw 2 жыл бұрын

Nice sir

@S-Lomar 9 ай бұрын

Thank you for sharing 💕❤️❤️❤️❤️❤️❤️❤️❤️💋💋❤️

@dreamlover7681 2 жыл бұрын

This is cool

@Pak6tani Ай бұрын

One iz GooD

@hamzalaarabi8736 2 жыл бұрын

nice 👍

@WebDesignTuts 2 жыл бұрын

Perfect Navbar

@YusifBayramov Жыл бұрын

Thanks👍🏻

@florentakpro8799 Жыл бұрын

You're very strong

@mdmohiuddin2381 2 жыл бұрын

nice

@Lunara_Misakiaro 2 жыл бұрын

does it count when said that both are very good? because I quite like both^.^

@gines427 2 жыл бұрын

thanks

@nethajimythesewaran402 2 жыл бұрын

Super Ot thanks

@Mrguaxinim Жыл бұрын

How can I put a gradient at the indicator curve outside?

@unknown-bx8my Жыл бұрын

I am wondering where this indicator can be used it looks more like a mobile design. I like the second magic indicator.

@VladislavKnis 2 жыл бұрын

Hi , can U help make this bar with 10 items and horizontal scrolling ,please 😇

@welcomeblessingssayi10 2 жыл бұрын

❤️❤️❤️❤️💥💥👏

@MG-vi8wo 2 жыл бұрын

Can you do this with dropdown menu?

@youcube291 2 жыл бұрын

i love you're channel'' you write {BISMELLAH} in discription;''

@zapeeosheikh 2 жыл бұрын

Blue one is the most beautiful but green one is more vivid

@mdhossen7082 2 жыл бұрын

wow

@alhlsmailayusuff1133 Жыл бұрын

Please if you're able to get the icon displayed after coding it, please lead me through.

@coderx7177 2 жыл бұрын

are you a god?😳

@sansy1104 Жыл бұрын

Can someone please help me, in the I changed it to other html but why is it not moving to another place?

@JR_Hossain Жыл бұрын

It is hard to track what parameters you're changing without source code 😓

@jaycerivera2447 2 жыл бұрын

podria usarse en un sitio web

@rajibdey7851 2 жыл бұрын

Can you please teach how to add tabs go this menu

@eliyahutarab4862 2 жыл бұрын

the first one

@panzerswineflu 2 жыл бұрын

Visually i prefer the first one. But the second one reminds me of the little prince drawing of a snake that ate an elephant. So i have to pick number 2

@zakidz6716 2 жыл бұрын

The 2nd is much cleaner

@augustin6666 2 жыл бұрын

Where can I download the finished code? I'm having trouble, sorry for my bad english, I'm just from Ukraine

@matthiassaul6405 2 жыл бұрын

This one with working on hover would be nice!

@thedrawingspeeder9748 2 жыл бұрын

which theme is he using

@regenchandra3155 Жыл бұрын

The curve can't be implemented if the app has contents. That's why It's better to use an image or SVG to accomplish the curve

@himanshusharma2805 2 жыл бұрын

Sir mera javascript code kaam nhi kr rha h......console me check krne pr activelink not defined likha aa rha h

@JosCalvar Жыл бұрын

How do I make it responsive?

@TheHealthMain 2 жыл бұрын

JavaScript is broken for me. But I am a beginner. Please tell me how to fix this?

@ahmedserag7072 2 жыл бұрын

one is good

@Dekson 2 жыл бұрын

this will be better by transparent bg

@favc94 2 жыл бұрын

its Responsive?

@pravinjnu1pravinjnu158 2 жыл бұрын

First

@yogesh-singh 2 жыл бұрын

2nd is better

@ErRajkaranRana 2 жыл бұрын

Bhai ji source code bhi sath main daal dete to better hai

@hipe5720 Жыл бұрын

assalam o alikum sir apki academany kha par hay

@alhlsmailayusuff1133 Жыл бұрын

I'm not getting it I followed all the explanation in the video but the icon are not displaying, please I need help.

@aditya_prtm14 2 жыл бұрын

I can't add a curve on the menu, i'm stuck at 10:07, can someone help me?

@user-h2bcy27suj 2 жыл бұрын

Sir javascript kaam nahi kar rahi

@creativeyes3292 2 жыл бұрын

Very great designs but you really need to find some new music

@kofunzinho2729 2 жыл бұрын

Source code please?

@cri4656 2 жыл бұрын

LINK SOURCE CODE PLEASE

@webflyer035 2 жыл бұрын

if you know how to make 1st version, you probably already knew how you'll be making that 2nd version... oh, and I like that green background one better(1st version)