Glass Sidebar Menu using HTML & CSS

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/Light-Sidebar-CSS

🔔 Subscribe Now!
http://www.youtube.com/channel/UCUUA81SSpwJjRl3zp4DZXRQ?sub_confirmation=1

⏱ 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: https://youtu.be/oOGa-bxPloA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/KmwpogFtb4Q
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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: https://youtu.be/U9pGr6KMdyg
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

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

Тэги:

#Glass_Sidebar_Menu_using_HTML_&_CSS #css #html #html_css #html_css_tutorial #css_tutorial #css_coder #sidebar_css #menu_css #sidebar_menu_css #glass_sidebar_css #glass_sidebar_menu_css #glass_sidebar_menu_using_css #glass_sidebar_menu_html_css #sidebar_menu_html_css #sidebar_design_css #sidebar_menu_design_css #glass_sidebar_menu_design_css #sidebar_menu_using_html_css #code_with_hossein #css_sidebar_menu #css_glass_sidebar_menu #css_sidebar_design #css_sidebar_menu_tutorial

Скачать видео