Navigation Bar with Submenu Dropdown in Hover Using HTML and CSS Only | Simple Navbar Menu

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ก.ย. 2024
  • #learndesign #css #html #navbar #navigation #header #navigationbar
    Hello friends, In this video, i'm creating header navigation bar with submenu dropdown when you hover the specific link using only html and css. it is best part is you can integrate just a minutes because i'm not using any plugin or script or no dependency so that's why this navbar is easy to integrate. i hope you love this video tutorial.
    ► PLEASE SUBSCRIBE TO THIS CHANNEL FOR MORE VIDEOS
    / learndesigntutorial
    --------------------------------------------------------------------------------------------------
    3D Multilayer Shadow Using HTML & CSS Box Shadow Property Tutorial | CSS Multiple Shadow Effect
    • 3D Multilayer Shadow U...
    Profile Card UI Design Using HTML & CSS | CSS Flip Hover Effect & Dark Light Mode | Figma UI Design
    • Profile Card UI Design...
    Show hide text on click using HTML, CSS & JQUERY | Expand & Collapse Text | Jquery Toggle Class
    • Show hide text on clic...
    Menu Hover Effect | Infinite Wavy Border Animation Using Only HTML, CSS ANIMATION
    • Menu Hover Effect | In...
    Show/Hide Div Based on Dropdown Selection Using HTML,CSS & JQUERY
    • Show/Hide Div Based on...
    --------------------------------------------------------------------------------------------------
    Email: help.learndesign@gmail.com
    Instagram: bit.ly/3c22sVo
    Support: / helplearndesign
    Website: learndesigntut...

ความคิดเห็น • 11

  • @YaNykyta
    @YaNykyta 2 หลายเดือนก่อน +1

    And what is mess when screen is half verticaly? Big mess or not much?..

    • @LearnDesignTutorial
      @LearnDesignTutorial  2 หลายเดือนก่อน

      It is desktop version only. but in responsive, you can use mmenu

  • @simobenchekroun7516
    @simobenchekroun7516 ปีที่แล้ว +2

    excellente vidéo bravo et bonne continuation

  • @prasanthkumar9606
    @prasanthkumar9606 2 หลายเดือนก่อน

    Bro i have a doubt can we do it in bootstrap also? Isn't it

    • @LearnDesignTutorial
      @LearnDesignTutorial  2 หลายเดือนก่อน

      yes do it, but bootstrap doesn't provide hover dropdown, it's clickable

  • @babarburrak4519
    @babarburrak4519 ปีที่แล้ว +2

    why are you not sharing source code check your views due to the lack of source code? which showed your authority

    • @LearnDesignTutorial
      @LearnDesignTutorial  ปีที่แล้ว +2

      Code available here: learndesigntutorial.com/

    • @babarburrak4519
      @babarburrak4519 ปีที่แล้ว

      @@LearnDesignTutorial thank you

    • @chuckcoughlin3112
      @chuckcoughlin3112 10 หลายเดือนก่อน +2

      to much spam looking else where@@LearnDesignTutorial

  • @rick_from_yr
    @rick_from_yr 6 หลายเดือนก่อน

    not good practice to use *{}, it's too general and can brake something in other place

    • @thedoctor1929
      @thedoctor1929 6 หลายเดือนก่อน +1

      mmmmm This sounds more of a personal preference. There's mixed advice for generalizing with a decent number of developers preferring to set their own properties for every element.