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
On this page of the site you can watch the video online Hoverable Sidebar Combined with Icons Tutorial - HTML CSS with a duration of hours minute second in good quality, which was uploaded by the user Code Instinct 13 April 2022, share the link with friends and acquaintances, this video has already been watched 509 times on youtube and it was liked by 12 viewers. Enjoy your viewing!
