Glass Sidebar Menu using HTML & CSS

Veröffentlicht am: 07 Mai 2023
auf dem Kanal: CODE WITH HOSSEIN

2,879

In this tutorial, I'll show you how to create a modern Glass Sidebar Menu using HTML and CSS 😁 I'll walk you through the step-by-step process of creating a responsive menu that will add a professional touch to any website. Whether you're a beginner or an experienced developer, this tutorial is perfect for anyone looking to enhance their HTML and CSS skills. So join me and let's create a stunning Glass Sidebar Menu together 😉

📂 Assets
Font: https://fonts.google.com/
Icons: https://fontawesome.com/

🔗 Source Code
https://github.com/hosseinnabi-ir/Lig...

🔔 Subscribe Now!
   / @codewithhossein

⏱ Timestamps
00:00 Sidebar Menu Preview
00:46 Container Element
00:57 General Styles
01:31 Container Styles
02:06 Adding Nav (Glass)
03:08 Adding Menu Brand
03:29 Menu Brand Styles
05:04 Adding Line
05:35 Adding Sidebar Items
06:26 Sidebar Items Styles
08:25 Adding Active Item
09:33 Sidebar Hover Effects
12:54 Thanks For Watching :)

🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Ikson - Last Summer [Official]
Music provided by Ikson®
Listen:    • #37 Last Summer (Official)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch:    • Jordan Schor & Harley Bird - Home  | Futur...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Song: Levianth & Axol - Remember (feat. The Tech Thieves)
Music provided by NoCopyrightSounds
Free Download/Stream: http://ncs.io/remember
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch:    • Lost Sky - Where We Started (feat. Jex) | ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein

Auf dieser Seite können Sie das Online-Video Glass Sidebar Menu using HTML & CSS mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer CODE WITH HOSSEIN 07 Mai 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 2,879 Mal angesehen und es wurde von like den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

91,416

6.9K