Hoverable Sidebar Combined with Icons Tutorial - HTML CSS
Hello everyone, today i'm going to show you on how to make hoverable side navbar combined with icons using CSS. The reason why we combined with icons is to allow user to navigate easily where they heading to.
Another advantage is, With hoverable sidebar you would save much space in your page. Thank you so much for watching. Don't forget to leave a like, comment, subscribe and click the bell button to get our latest video notifications.
See you in the next videos!!
Timestamps:
00:00 - intro
00:13 - HTML: index.html
03:28 - CSS: style.css
04:44 - CSS: positioning each menu navigation
06:10 - CSS: setting menu icons padding
07:55 - CSS: setting sample content position
08:58 - Final Preview
09:15 - Closing
• Visit Our Social Media:
Instagram : / codeinstinctofficial
Facebook : / codeinstinct.official
----- -------- ------- -------- -------- ------- -------
Code Editor: Visual Studio Code
Recorded with : OBS Studio
----- -------- ------- -------- -------- ------- -------
Video Created By: R.Y Baskara
Auf dieser Seite können Sie das Online-Video Hoverable Sidebar Combined with Icons Tutorial - HTML CSS mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Code Instinct 13 April 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 509 Mal angesehen und es wurde von 12 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
