I’m trying to build self-switching expanding card interaction to serve as a carousel on the hero section of a website. I’ve tried several methods to achieve this interaction but to no avail.
I created 4 cards and set them to equal width within the bounding container, then created a page load animation such that one card expands in size and the other 3 cards shrink.
But while trying to set the second card to follow the progression, the animation loses its fluidity.
What I actually would love to achieve is to give each card a grow and shrink basis. Then set each card to grow its basis at intervals.
Here is my public share link: Webflow - www.mdaas.io