Shantanu Posted December 22, 2020 Share Posted December 22, 2020 Hi, I am able to implement carousel using "" tutorial. Just looking suggestions for expand card to background animation part as shown in https://dribbble.com/shots/11012652--Timed-Cards-Opening Thank You, Shantanu See the Pen QEdpLe by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
ZachSaucier Posted December 22, 2020 Share Posted December 22, 2020 Hey Shantanu and welcome to the GreenSock forums. Transitions like that are not trivial. With that being said, GreenSock is coming out with a new plugin that makes those sorts of transitions significantly easier! However it will be a Shockingly Green or greater Club GreenSock plugin. There's actually a private beta for it going on right now which Shockingly Green or greater members have access to. Get a membership today to get access! 1 Link to comment Share on other sites More sharing options...
Shantanu Posted December 22, 2020 Author Share Posted December 22, 2020 Hi Zach, Thanks for quick reply. I want to lean basics first before contributing to Club membership, if possible can you please suggest topics/tween-properties I should look for to implement card to background transition. Thank You Link to comment Share on other sites More sharing options...
ZachSaucier Posted December 22, 2020 Share Posted December 22, 2020 You'll need to animate a container's width and height as well as its position. As I said, doing that effect dynamically well is not easy. I highly recommend the new plugin that we're releasing soon 1 Link to comment Share on other sites More sharing options...
mikel Posted December 22, 2020 Share Posted December 22, 2020 Hey @Shantanu, Welcome to the GreenSock Forum. Until then, you can try a rather simple concept. See the Pen f1cbde77bd3bf2febb28bb67e4a6ab27?editors=0010 by mikeK (@mikeK) on CodePen But it's also worth waiting! Happy tweening ... Mikel 2 Link to comment Share on other sites More sharing options...
Shantanu Posted December 25, 2020 Author Share Posted December 25, 2020 Hi @mikel Yes I will wait for plugin I just gave a try referring your solution (some refactoring required in recursion ). Overall it looks good but I see its little wobbly while transitioning from card to div. What do you suggest for it. code pen Link = " See the Pen zYKPoLM by shantanunp (@shantanunp) on CodePen " Link to comment Share on other sites More sharing options...
kamall Posted March 15, 2022 Share Posted March 15, 2022 On 12/22/2020 at 8:18 PM, mikel said: Hey @Shantanu, Welcome to the GreenSock Forum. Until then, you can try a rather simple concept. But it's also worth waiting! Happy tweening ... Mikel It didn't work for me var thumbs = gsap.utils.toArray(".cart"), can you help me Link to comment Share on other sites More sharing options...
OSUblake Posted March 15, 2022 Share Posted March 15, 2022 Hi kamall, If you need help, please provide a minimal demo. Thanks. 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