Creative Coding Club
Join over 2,500 students that are learning new ways to master GSAP each week.
Plunger Challenge
Before you build award winning sites, you must be able to animate a plunger properly.
I bet other course creators aren't telling you that 😁
Video Overview
In short video above I'll explain how the first 3 plungers have some obvious problems.
The good news is plunger 4 looks just about right.
Your Challenge
Oh no! The junior developer destroyed the animation for plunger 4!
It's your job to fix plunger 4 it in the file below!
BONUS
Even if you aren't into plunger animations this demo is worth studying as it shows you how to create multiple animations and easily control them with their own buttons.
Check out the loop at the bottom of the code!
Also, I love how nicely it's set up with css flex-box to stretch nicely on window resize.
This layout can come in handy just to use as a template for future experiments.
Enjoy!
Need Help?
If you struggle with this challenge, be sure to jump into my FREE GSAP Beginner's Course.
If you want a gazillion lessons and challenges like this check out my GSAP Course Bundle.
Before you spend loads of money to learn a few snazzy effects, it's imperative that you master the basics and have access to challenges like this so you can hone your skills.