Create an Awesome Full Screen Navigation with Pure HTML & CSS
Embark on a web design journey with this HTML CSS tutorial on creating a full-screen, split-column navigation that smoothly slides down. Learn how to create a modern and stylish full-page navigation menu, from creating a full-page grid layout to adding vibrant background images. Explore the power of the ':has()' pseudo-class selector, and discover how to elegantly expand and shrink columns on mouseover.
In this tutorial, we'll cover the essentials, including building a full-page navigation menu with HTML and CSS, creating a full-screen layout, and incorporating animations for a captivating user interface. Subscribe for more exciting tutorials and let's elevate our web design game together!
Live Demo: https://codepen.io/optimisticweb/pen/...
Chapters
-----------------------------------------------------
00:00 Intro
00:32 HTML markup for the full-screen navigation
00:59 CSS for the full-page navigation
02:17 Animate the navigation
02:43 Expand column on hover
Subscribe and never miss a beat
-----------------------------------------------------
🔔 Subscribe for more videos like this: https://www.youtube.com/@OptimisticWe...
Learn at your own pace
-----------------------------------------------------
Learn HTML - • Learn HTML to Build Modern Websites
Learn CSS - • Level Up Your CSS Skills
Learn JavaScript - • JavaScript
Connect, share, and grow
-----------------------------------------------------
YouTube: / @optimisticweb
X (Twitter): / optimisticweb
Instagram: / optimisticweb
Facebook: / optimisticweb
CodePen: https://codepen.io/optimisticweb
#css #navigation #webdesign #cssmagic #uxdesign #cssnavigation #csstutorial #html #cssforbeginners #webdevtutorial #learncss #optimisticweb
Sur cette page du site, vous pouvez voir la vidéo en ligne Create an Awesome Full Screen Navigation with Pure HTML & CSS durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Optimistic Web 25 janvier 2024, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 4,531 fois et il a aimé 236 téléspectateurs. Bon visionnage!
