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

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera Computer Security
Stanford University via Coursera Intro to Computer Science
University of Virginia via Udacity Introduction to Logic
Stanford University via Coursera Internet History, Technology, and Security
University of Michigan via Coursera