Bwizard Posted January 19, 2021 Share Posted January 19, 2021 I would really like to create the card deck animation seen here Card Animation and in the screenshot below and was wondering if GSAP could help with this. I am struggling to figure out where to begin. in my codePen I have used draggable.js to make a wheel of cards draggable. How would I achieve the draggable functionality with GSAP and also the cool animation where each individual card raises as it turns. I'm not new to CSS animation but I am to libraries but this one does look pretty powerful. Thanks! See the Pen LYRqYOP by Bwizard (@Bwizard) on CodePen Link to comment Share on other sites More sharing options...
ZachSaucier Posted January 19, 2021 Share Posted January 19, 2021 Hey Bwizard and welcome to the GreenSock forums. As I commented on your StackOverflow post yesterday, Quote I would create a container for each card, set the transforms of the container using the method you're currently using for the cards, then animate the transforms of the actual card (inner content of the container) when the element is rotated. Also we highly recommend upgrading to GSAP 3 syntax. If you have a specific question, especially about GSAP, that we can help out with please let us know and we'll do our best to help 1 Link to comment Share on other sites More sharing options...
Bwizard Posted January 19, 2021 Author Share Posted January 19, 2021 1 hour ago, ZachSaucier said: Hey Bwizard and welcome to the GreenSock forums. As I commented on your StackOverflow post yesterday, If you have a specific question, especially about GSAP, that we can help out with please let us know and we'll do our best to help Brill, thank you for answering again Looking forward to getting to grips with this. I think I need to watch a few tutorials. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now