Главная
Study mode:
on
1
Intro
2
Welcome
3
Overview & Starter Code
4
Small Changes to Project
5
Two Menu Versions
6
Build the Mobile Menu
7
Add keyframes and animations
8
Add a little JavaScript
9
Start Menu Version 2
10
Create a Hamburger Menu Icon
11
Arbitrary Values in Tailwind CSS
12
Extract Classes with @apply
13
Create the Hamburger Animation
14
VS Code: Disable Format on Save
15
Add One More Line of JS
16
Checking the Hamburger Animation
17
Future Tailwind CSS Topics
18
Organize Classes with Prettier
Description:
Learn to create an animated hamburger icon, mobile menu, and responsive navbar using Tailwind CSS in this comprehensive tutorial. Explore two menu versions, build a mobile-friendly interface, implement keyframes and animations, and integrate JavaScript for enhanced functionality. Master techniques like creating custom hamburger icons, using arbitrary values in Tailwind CSS, and extracting classes with @apply. Discover how to organize classes efficiently with Prettier and gain insights into future Tailwind CSS topics. Perfect for web developers looking to enhance their skills in creating responsive and interactive navigation elements.

Animated Hamburger Icon, Mobile Menu & Responsive Navbar with Tailwind CSS

Dave Gray
Add to list
0:00 / 0:00