Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Blake

Fireworks png effect

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hey everyone! I recently saw an amazing CodePen where a series of fireworks png's were animated using their rotation, scale, x and y properties. It was the coolest thing ever but I can't find it. I believe the effect was leveraging the staggerFrom() function or perhaps steppedEase(). I can't recall but I'd love to try and locate that pen if possible. 

Thanks in advance,
Blake

Link to comment
Share on other sites

Bless you, kind sir! That is it! Thank you so much for being a supreme Jedi :)

  • Like 1
Link to comment
Share on other sites

Hi Craig, how's it going? I'm trying to modify/run this code locally but having a bit of trouble getting started. Any ideas how to properly port this locally to experiment with it? 

Best,
Blake

Link to comment
Share on other sites

You should be able to click the little 'Export' button at the bottom right of the pen and that will give you most everything you need for local experiments. You'll just need to link to the CDN for TweenMax, but everything else should work fine. 

 

Happy tweening.

:)

 

  • Like 1
Link to comment
Share on other sites

Thanks so much, Craig! As soon as I hopped back into Sublime I saw that I needed that modifier script and it works like a charm. 

Have a great weekend, good sir :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×