Responsive NAVIGATION BAR [NEON Effect] , HTML ,CSS & JAVASCRIPT

Опубликовано: 02 Октябрь 2024
на канале: Techgiant

715

Dare you to click this link:- https://bit.ly/2RKSugR

Today in this Video , we will learn How to create RESPONSIVE NAVIGATION BAR using HTML , CSS and JAVASCRIPT. We will also apply NEON effect on RESPONSIVE NAVIGATION BAR to make it more attractive.

#navigationbar #responsivenavigationbar #html #css #javascript #howto #webdevelopment

Guys, I forgot to change the background-color of .yt-btn and color of .navlink .

#1 EDIT IN .yt-btn
background: linear-gradient(to right, #00b4db, #0083b0);

#2 EDIT IN .yt-btn:hover
color: #00b4db;

#3 EDIT IN .navlink:hover
color: #00b4db;

You can also replace from space-between to space-around in nav selector in style.css file

Note:- To apply NEON effect To the text , just copy below give line and paste inside css selector of required element as I did in video.

For text shadow
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #00fffc, 0 0 40px #00fffc, 0 0 50px #00fffc;

For box shadow
box-shadow: 0px 0px 10px #fff,
0px 0px 20px #fff,
0px 0px 20px #00fffc,
0px 0px 40px #00fffc,
0px 0px 80px #00fffc;

#background Image Link
https://i.ibb.co/0Kmf5wp/background14...

#logo Image Link
https://i.ibb.co/hyQBgxF/logo.png

If you have any doubts or found any mistakes feel free to ask in comment section.I hope you guys have enjoyed watching the video 😄. Please like ,share and SUBSCRIBE to get more and more interesting videos like this one.

Also, click on the bell icon to turn on notifications. This way you'll be notified the moment new videos are uploaded.

Learn How to Create Modern Profile UI cards
   • Video

Learn How to host website on internet (Most EASIEST ways)
   • How To Create A Free Website - with F...

How to create wonderfull things using HTML ,CSS and Javascript (frameworks)
   • Video
______________________________________________________________________

Hashtag
#html #css #javascript #webdevelopment #calculator #techgiant