filmov
tv
Responsive Glass Sidebar using CSS & JavaScript

Показать описание
Hello everyone 😊 I'm here again with another CSS tutorial, this time, mixed with JavaScript. If you're looking for a complete Glass Sidebar design using CSS & JS, this video's made for you. I've also considered Responsive Design rules in this project and you will definitely find it useful 😉
📂 Assets
🔗 Source code
🔔 Subscribe Now!
⏱ Timestamps
00:00 Glass Sidebar Preview
00:58 Sidebar Logo Elements
01:13 General Styles
01:51 Sidebar Glass Effect
02:55 Sidebar Logo Styles
04:26 Adding Nav Title & Items
05:37 Nav Title & Items Styles
08:25 Adding More Nav Items
09:37 Sidebar Line Styles
09:57 Sidebar Closed Mode
10:27 Adding Toggle Icon
10:47 Toggle Icon Styles
10:58 Sidebar Opened Mode
15:00 Enabling Toggling using JS
16:58 Sidebar Items Click Effect
18:11 Thanks For Watching :)
🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Ikson - Anywhere [Official]
Music provided by Ikson®
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Song: Levianth & Axol - Remember (feat. The Tech Thieves)
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
📂 Assets
🔗 Source code
🔔 Subscribe Now!
⏱ Timestamps
00:00 Glass Sidebar Preview
00:58 Sidebar Logo Elements
01:13 General Styles
01:51 Sidebar Glass Effect
02:55 Sidebar Logo Styles
04:26 Adding Nav Title & Items
05:37 Nav Title & Items Styles
08:25 Adding More Nav Items
09:37 Sidebar Line Styles
09:57 Sidebar Closed Mode
10:27 Adding Toggle Icon
10:47 Toggle Icon Styles
10:58 Sidebar Opened Mode
15:00 Enabling Toggling using JS
16:58 Sidebar Items Click Effect
18:11 Thanks For Watching :)
🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Ikson - Anywhere [Official]
Music provided by Ikson®
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Song: Levianth & Axol - Remember (feat. The Tech Thieves)
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
Комментарии