HomehtmlCss Pure CSS Dropdown Navigation Bar byDivinector -August 30, 2021 1 Comments In this Tutorial, You will Learn how to create a basic Pure CSS Dropdown Navigation Bar. Please Follow the below tutorial for the live coding. Drop Down Menu HTML CSS [ Source Code ]: ADD HTML Pure CSS Dropdown Navigation Bar home About Services Web Design Web Development Email Marketing Graphics Design Logo Design Card Design Poster Design Template Design Web Template Email Template News Template Bio Template Wedding Template Brochure Design SEO Portfolio Contact Copy ADD CSS: body { margin: 0; padding: 0; font-family: poppins; background: url("https://i.postimg.cc/ZnWtB7jg/2.jpg"); -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100vh; } a { font-size: 12px; text-transform: uppercase; } .nav-area { background: #262626; } .nav-area:after { content: ''; clear: both; display: block; } .nav-area ul { list-style: none; margin: 0; } .nav-area>ul>li { float: left; position: relative; } .nav-area ul li a { text-decoration: none; color: #fff; padding: 15px 20px; display: block; } .nav-area ul li:hover a { background: #34495e; } .nav-area ul ul { position: absolute; padding: 0; min-width: 160px; display: none; top: 100%; left: 0; } .nav-area ul li:hover>ul { display: block; } .nav-area ul ul li:hover a { background: #262626; } .nav-area ul ul li { position: relative; } .nav-area ul ul ul { top: 0; left: 100%; } .nav-area ul ul ul li:hover a { background: #34495e; } Copy
thanks bro
ReplyDeletePost a Comment
Please Do not Enter any spam link in the comment box