Creating an Awesome Slide-Out Navigation

Offered By: DesignCourse via YouTube

Course Description

Overview

Learn to create an interactive slide-out navigation in this 21-minute video tutorial. Explore GSAP-powered timeline animations to design a navigation menu that smoothly slides out upon click and returns to its original state. Follow along step-by-step to implement CSS styling, padding adjustments, icon integration, and clip path techniques. Master the toggle functionality and gain insights into additional UI design elements. Perfect for web developers and designers looking to enhance their interactive navigation skills.

Syllabus

Intro
Design Idea
CSS
Padding
Icons
Clip Path
Toggle
Other

Taught by

DesignCourse

Related Courses

Vue 3 Animations & Transitions Tutorial
Net Ninja via YouTube The Complete GSAP: JavaScript ,HTML and CSS Course for 2023
Udemy Creating an HTML5 Banner Ad with GreenSock (GSAP)
LinkedIn Learning CSS: Scrolling and Parallax
LinkedIn Learning SVG Essentials & Animation, v2
Frontend Masters