Hoverable Sidebar Combined with Icons Tutorial - HTML CSS

Publié le: 13 avril 2022
sur la chaîne: Code Instinct
509
12

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


Sur cette page du site, vous pouvez voir la vidéo en ligne Hoverable Sidebar Combined with Icons Tutorial - HTML CSS durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Code Instinct 13 avril 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 509 fois et il a aimé 12 téléspectateurs. Bon visionnage!