Jump to content
GreenSock

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

Need help with card animation!

Recommended Posts

Hello everyone,

I have been trying to achieve the similar kind of card animation for one of my project. Please click on this link to see card animation effect: 

http://knowlupus.org/

 

The way card gets open and close in this game, I want to create exact same effect. I have also attached the codepen link. Is anyone can suggest me how can I achieve this? At least suggest me any resource or idea to achieve this.

Your help is much appreciated.

See the Pen bGErNad by LeoZoe (@LeoZoe) on CodePen

Link to post
Share on other sites

Hey Leo. You can look at the transforms applied to the cards in different states in that site and animate the same transforms in your project. Unfortunately we don't have the capacity to do it for you but feel free to ask if you have any specific questions :) 

Link to post
Share on other sites
4 hours ago, ZachSaucier said:

Hey Leo. You can look at the transforms applied to the cards in different states in that site and animate the same transforms in your project. Unfortunately we don't have the capacity to do it for you but feel free to ask if you have any specific questions :) 

Hello Zach!

Thank you so much for suggestion. I have done the beginning part of animation but struggling with end animation. So if you see my codepen which is updated, when you click on the "Next' button and cards will rotate and place on the top but after clicking on the card I want to move them to the left or right side and rotate back to close. Means if you see that website when you click on the next question button, how it smoothly animate to the left side and close again. 

Could you please help me to achieve only that end part? That is the part only remain now.

Link to post
Share on other sites

Do you have a specific question about how to use GSAP? Unfortunately we don't have the capacity to fix every logical issue that people post in the forums.

Link to post
Share on other sites

No problem sir. Our company decided to use another libraries. Thanks.

 

Link to post
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.

×