Jump to content
GreenSock

SJH

GSAP Icon - making that cape fly...how?

Go to solution Solved by GreenSock,

Recommended Posts

I'm using the GSAP icon in a project. Can anyone point me to the GSAP code I need to make the cape fly? It would be a shame to use the icon without any animation.

See the Pen PoKrxyq by sandalwoodsh (@sandalwoodsh) on CodePen

Link to comment
Share on other sites

Thanks, Jack, the GSAP code version is exactly what I was looking for. Thanks for posting it for me. Looking at the code, I'm so happy I asked for it.

Link to comment
Share on other sites

Here's a follow up question for you, Jack, or anyone else for that matter: So in the example Jack provided, the animation plays over a black background to hide parts of the animation. What would be the best way to hide these so I can use the animation on a non-black background?

See the Pen eYEqWoZ by sandalwoodsh (@sandalwoodsh) on CodePen

 

Link to comment
Share on other sites

I guess you'd need to mask that. It's not really something I have time to do for you, sorry. 

Link to comment
Share on other sites

Thanks, Cassie. I was on the right track...eventually...but your correct answer saved me so much time. I really appreciated your help.

Link to comment
Share on other sites

No worries at all, I'm sure it'll come in handy for us in future too. 🥳

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.
×