Easy Mega Menu and Multi Level Dropdown with Animations | HTML & CSS Tutorial (2020)
659🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
In this tutorial, we are going to build an easy Mega Menu and a Multi-Level dropdown menu in a header. Everything will have animations and we will only use HTML and CSS to accomplish it all!
Here's part 2, where we make this responsive: https://youtu.be/8qO5QmD5gfM
Source Code: https://github.com/codeSTACKr/mega-menu
_____________________________________
📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
🟠 codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 STACKr Code Font (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________
⏱️ Timestamps ⏱️
00:00 - Intro
00:21 - Set Up
00:44 - Header
08:16 - Multi-Level Dropdown Menu
15:06 - Mega Menu
25:13 - Image Zoom Effect
26:18 - Blog Mega Menu
_____________________________________
💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________
👀 Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________
🌐 Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #Emmet #CSS