by Adi Purdila
Lessons:7Length:1.1 hours

For full access to all 7 lessons, including source files, subscribe with Elements.
- Overview
- Transcript
2.5 Hamburger Menu Icon to Cross
A common pattern in web design these days is the hamburger menu icon. For this fifth project, we’ll create one of these icons using CSS, and then we’ll animate it by transforming it into a cross. Let’s begin.
Related Links
- Hamburger Icon to Cross Demo on CodePen
1.Introduction1 lesson, 01:07
1 lesson, 01:07
Free Lesson 1.1Welcome to the Course01:07
Free Lesson
1.1
Welcome to the Course
01:07
2.The Projects6 lessons, 1:05:33
6 lessons, 1:05:33
Free Lesson 2.1Toggle Slider Checkbox09:26
Free Lesson
2.1
Toggle Slider Checkbox
09:26
2.2SVG Page Loader09:32
2.2
SVG Page Loader
09:32
2.3Card Notification12:18
2.3
Card Notification
12:18
2.4Scrolling Mouse Animation09:07
2.4
Scrolling Mouse Animation
09:07
2.5Hamburger Menu Icon to Cross10:24
2.5
Hamburger Menu Icon to Cross
10:24
2.6Full-Screen Navigation Overlay14:46
2.6
Full-Screen Navigation Overlay
14:46
Continue watching with Elements
Continue watching with Elements