YoVDO

Creating a Full Screen Navigation with GSAP

Offered By: DesignCourse via YouTube

Tags

GSAP (GreenSock Animation Platform) Courses Computer Science Courses Animation Courses HTML Courses

Course Description

Overview

Learn to create a full screen navigation using GSAP 3 in this 24-minute tutorial. Begin by setting up the HTML structure, then style it with CSS, and finally implement smooth animations using the GreenSock Animation Platform (GSAP). Follow along to build an interactive overlay menu with lists, categories, and an exit button. Gain practical frontend development skills as you transform a prototype into a functional, animated navigation system.

Syllabus

Intro
Prototype
HTML
CSS
Overlay
Menu
Lists
Category
Exit Button


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