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.
Overview
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
Related articles
Reviews
3.0 rating, based on 2 Class Central reviews
-
Oscar CarballidoAnd you call this a Master Class?
In some cases the "class" does not last to the minute.
The learning content on the GSAP developers' website is much more interesting, extensive and understandable. -
ValentinaThanks for the brief introduction to Scroll Animations with GSAP ScrollTrigger. The course is short but very useful.
Please tell me what is the name of the extension for vs code that shows code hints for gsap.
