Animated Navigation Bar in HTML and CSS Menu Hover Animation Effects

Поделиться
HTML-код
  • Опубликовано: 29 июл 2023
  • Animated Navigation Bar in HTML and CSS | Menu Hover Animation Effects
    Click For More:
    / @el_shadow.youtube
    Having easy-to-use navigation is important for any web site.
    With CSS you can transform boring HTML menus into good-looking navigation bars.
    ----------------
    Animated Navigation Bar in HTML and CSS Menu Hover Animation Effects
    studio.ruclips.net/user/videoyJws...
    ----------------
    Animated Login Form Using HTML & CSS
    studio.ruclips.net/user/videoMU7A...
    Login Form in HTML & CSS | واجهة تسجيل دخول بسيطة
    studio.ruclips.net/user/videomsQF...
    ------------------
    -------------------
    #csseffects
    #cssanimationtutorial
    #css
    #cssanimation
    #csshover
    #csshovereffects
    #html5
    #El_shadowacademy
    #الشادواكاديمى
    #supershadow

Комментарии • 38

  • @user-rs6vt3jj5k
    @user-rs6vt3jj5k 4 месяца назад +1

    This is simple and straight to the point. Thank you.

  • @charlestoneoyoo
    @charlestoneoyoo 8 месяцев назад +3

    fantastic work, thank you for this..keep up

  • @farshadj8877
    @farshadj8877 8 месяцев назад +1

    Very nice ❤

  • @moinshaikh6684
    @moinshaikh6684 8 месяцев назад

    Jabraad be bhaiwa.

  • @JHONATANROJASRINCON
    @JHONATANROJASRINCON 9 месяцев назад

    Buen video 💥

  • @WebDevXpert
    @WebDevXpert Месяц назад

    fantastic design

  • @mrajanasir
    @mrajanasir 10 месяцев назад +1

    superb

  • @muhammadirfanijaz2129
    @muhammadirfanijaz2129 10 месяцев назад

    Nice

  • @jeevanandham1732
    @jeevanandham1732 8 месяцев назад +1

    It is a very good one
    If i click some other than HOME (ex: services), It should be active like home
    It is done by js onclick() if you know any other method or this one
    please make a video of it

  • @crazy_hardcore_gaming
    @crazy_hardcore_gaming 8 месяцев назад +1

    I can't get the code to display the mouse over color or the animation it's just not there! I ran the code through developer Tools in Google Chrome and through chat GPT and I couldn't debug why this wouldn't work. I triple checked your video if I missed any code and for syntax errors. But everything looks correct. What browser were you using for this tutorial?

    • @venusharao3287
      @venusharao3287 8 месяцев назад

      Same the code of CSS animation is not working.can i get the source code

    • @mindethereal6627
      @mindethereal6627 Месяц назад

      You're using gpt to ask about method errors, first copying code, commenting code, then copying a piece of code that you say: incorporates the effects of the previous piece of code into the current code.

  • @deadgamer011
    @deadgamer011 9 месяцев назад +1

    bro my cursor is glitching when I use the hover effect. Pls help

  • @user-kq7mp9dg8w
    @user-kq7mp9dg8w 10 месяцев назад +1

    تمام ❤

  • @user-od8wk1bf1g
    @user-od8wk1bf1g 4 месяца назад

    perfect

  • @phillip-jasonwong-kuon3006
    @phillip-jasonwong-kuon3006 2 месяца назад

    thanks

  • @user-ib7ye4dw7b
    @user-ib7ye4dw7b 10 месяцев назад +1

    الله ينور

  • @user-zu8fz5iv3f
    @user-zu8fz5iv3f 6 месяцев назад +1

    Love it but nav a { you set the display to inline block which was not necessary given the fact that a is already is inline }

  • @pricopedangabriel
    @pricopedangabriel 4 месяца назад

    I follow the steps and it works, but when I resize the web page it doesn't look like when the page is full screen. I tried a couple of things but still doesn't work. Any suggestion?

  • @AlexanderCastilloIlovegod
    @AlexanderCastilloIlovegod 5 месяцев назад +1

    I don’t know how to make the square. So and you video I did it the same thing you did with this video and it doesn’t show up in my app browser

    • @omsinghal4524
      @omsinghal4524 24 дня назад

      Are you asking about the red box??

  • @user-jr3qg8om8u
    @user-jr3qg8om8u 10 месяцев назад +4

    where did you learn this from could please teach me

  • @srkajolfan6341
    @srkajolfan6341 3 месяца назад

    The hocer effect on span is not working plz help me

  • @chefernandez563
    @chefernandez563 6 месяцев назад

    Why use the span tag?

  • @ASulaymon
    @ASulaymon 3 месяца назад

    What do I do if the link is long?

  • @Yosh1m1tsiu
    @Yosh1m1tsiu 10 месяцев назад +8

    i m p o s t e r

  • @user-hq9do9cn1z
    @user-hq9do9cn1z 29 дней назад

    Where in span file

  • @phillip-jasonwong-kuon3006
    @phillip-jasonwong-kuon3006 2 месяца назад

    i need help

  • @phillip-jasonwong-kuon3006
    @phillip-jasonwong-kuon3006 2 месяца назад

    on: ---1:00 min-----, of the episode

  • @ivan8661
    @ivan8661 Месяц назад

    I mean it works but i expected this to be done with js. This is not the correct way to do it, by setting pixels. If i ever change the spacing or fontsize or add an element this breaks. Also its not responsive.

  • @KoblanJumanazarov
    @KoblanJumanazarov Месяц назад

    Source code pls

  • @crpt6
    @crpt6 7 месяцев назад

    😂😂😂❤❤❤❤😍

  • @Default_-ij5oc
    @Default_-ij5oc 8 месяцев назад +1

    bruh reduce the music

    • @TheDerion9
      @TheDerion9 8 месяцев назад

      you can mute it xD

  • @thisura2003
    @thisura2003 11 дней назад

    u wasted my time.. it's not working

  • @phillip-jasonwong-kuon3006
    @phillip-jasonwong-kuon3006 2 месяца назад

    i dont understand