GSAP Challenges
Use these challenges to test your GSAP skills and learn new techniques
Stagger Drop Challenge
Timelines, staggers and choosing the perfect ease
Create an animation where 3 boxes fall from the top and stop in the center. After a 1 second pause they should drop down to the bottom. Be sure to get that nice little overshoot in ;)
Use the Official Starter File || How to Use the Starter File
You'll have to make a few css and html changes to get the 3 blue boxes where you want them to start.
This is always the first, and usually most important step!
It can also be the most frustrating part of the process, especially if you you're like me and not the best at css.
Do you want to start with all the boxes off-screen at the top OR in their centered position?
Overtime you'll build a personal preference and may learn that there are benefits to starting one way over the other.
For now, just start and work with what works best for you.
