HTML pure CSS Tooltip MENU

Author: aspiiire360

Description: Showing you how you can create a menu with only HTML and CSS without the need to use Javascript, this menu will have a simple tooltip when hovering over it. The reason why you shouldn't use Javascript is that in this way you have a better faster website and then you will not overcomplicate your project; So use Javascript only when needed.

📝 Written tutorial? Soon InshAllah

-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------



00:00​ Objective
00:20 Setting up project
01:20 Coding the structure
04:50 Creating the menu
05:50 Using octicons icons
07:38 Styling menu
24:50 Result

-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------

- US -
Mic: https://amzn.to/3kfeFpK
Mouse: https://amzn.to/3aIyL8G

PC spec. 💻
Cooler: https://amzn.to/3dEAkqg
CPU Ryzen: https://amzn.to/2NvUR5E
Graphic Card Nvidia: https://amzn.to/2ZFI96X
Tower: https://amzn.to/3pM9COA
Motherboard: https://amzn.to/3kju1JR

-------------------------------------------------------------------------------------

- UK -
Mic: https://amzn.to/3aKLyaX
Mouse: https://amzn.to/2ZIGgpS

PC spec. 💻
Cooler: https://amzn.to/37BxY7C
CPU Ryzen: https://amzn.to/3pLDtqv
Graphic Card Nvidia (different variant, I have "cerberus", not present) https://amzn.to/2NPkXAk
Tower: https://amzn.to/2MfA2L1
Motherboard: https://amzn.to/37FmzDQ

-------------------------------------------------------------------------------------

- EU -
Mic: https://amzn.to/3sdMj1W
Mouse (Horizontal): https://amzn.to/37BeyQ9

PC spec. 💻
Cooler: https://amzn.to/2NLv7Sv
CPU Ryzen: https://amzn.to/2P0oVqt
Graphic Card Nvidia: https://amzn.to/3qHh7aV
Tower: https://amzn.to/3bwtfVM
Motherboard: https://amzn.to/2P1juri

-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------

🎥 Playlists 🎥

- Looking for Flutter tutorials? -
https://www.youtube.com/playlist?list=PLzaGtnxLcM7HC1bh5T79BJPIF405qApFf

- Web Development -
https://www.youtube.com/playlist?list=PLzaGtnxLcM7HYbJe7CYttAfKj7WOlH9vG

-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------

🔥 Follow me here 🔥
DEV.TO 🔥 https://dev.to/aspiiire
Twitter 🔥 https://twitter.com/Aspiiire2
HashNode 🔥 https://aspiiire.hashnode.dev/

Remember to subscribe if you enjoy the content 👋 Have a good day 😉🔥

#htmlCssTooltip #html #css #webDevelopment