YoVDO

Mastering Scroll Animations with GSAP ScrollTrigger

Offered By: DesignCourse via YouTube

Tags

GSAP (GreenSock Animation Platform) Courses Web Design Courses HTML Courses Front-end Development Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to create captivating scroll animations using GSAP ScrollTrigger in this comprehensive tutorial video. Explore the process of modernizing a late 90's design portfolio, starting with HTML structure and incorporating necessary CDNs. Discover how to implement smooth scrolling with Lenis Scroll, define timelines, and set up ScrollTrigger for dynamic animations. Dive into various ScrollTrigger demos, understand the concept of scrubbing, and master ToggleActions for precise control over animation behavior. Gain valuable insights and techniques to enhance your frontend development skills and create engaging, interactive web experiences.

Syllabus

- Intro
- HTML
- Necessary CDNs
- Lenis Scroll
- Defining a Timeline
- Defining a ScrollTrigger
- ScrollTrigger Demos
- Scrub False
- ToggleActions
- Final Thoughts


Taught by

DesignCourse

Related Courses

User Experience for the Web
Open2Study
Writing for the Web
Open2Study
Web-Engineering I: Grundlagen der Web-Entwicklung
iversity
Human-Computer Interaction Design
University of California, San Diego via Coursera
Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)