Glassmorphism Sidebar Menu using Only HTML & CSS

Показать описание

Hey everyone 😀 We have an amazing tutorial today! In this video, We're going to design a sidebar menu using only HTML & CSS! Also, We use glassmorphism effect for this sidebar and I bet you'll like it 😎 I provide you the source code too, Download it here 👇

📂 Assets

🔗 Source Code

🔔 Subscribe Now!

⏱ Timestamps
00:00 What are we gonna design?
00:26 HTML Code
02:14 CSS Code
02:59 Sidebar glassorphism effect
03:45 Styling the sidebar & hover effects
08:15 Final Result

🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Ikson - Anywhere [Official]
Music provided by Ikson®
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Vision pt. II (feat. She Is Jules)
Music provided by NoCopyrightSounds.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

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