Simple Parallax Scrolling Effect Using GSAP ScrollTrigger

Hello guys, In this video we will learn how to create simple parallax scrolling effect using GASP ScrollTrigger

GSAP

Think of GSAP as the Swiss Army Knife of JavaScript animation...but better. It animates anything JavaScript can touch (CSS properties, canvas library objects, SVG, React, Vue, generic objects, whatever) and it solves countless browser inconsistencies, all with blazing speed (up to 20x faster than jQuery), including automatic GPU-acceleration of transforms. See the "Why GSAP?" article for details. Most other libraries only animate CSS properties. Plus, their sequencing abilities and runtime controls pale by comparison.

Simply put, GSAP is the most robust high-performance JavaScript animation library on the planet, which is probably why Google recommends it for JS-based animations and every major ad network excludes it from file size calculations. Unlike monolithic frameworks that dictate how you structure your apps, GSAP completely flexible; sprinkle it wherever you want.

GSAP has quite a few plugins, eases, and special utilities like Draggable and Split Text