This content originally appeared on DEV Community and was authored by Stackfindover
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
This content originally appeared on DEV Community and was authored by Stackfindover
Stackfindover | Sciencx (2021-05-29T17:00:59+00:00) Simple Parallax Scrolling Effect Using GSAP ScrollTrigger. Retrieved from https://www.scien.cx/2021/05/29/simple-parallax-scrolling-effect-using-gsap-scrolltrigger/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.