Hi fellow Webflow lover.
Currently, I have a website project which needs to animate a profile card with name, picture, link, description on it. One card has 4 animate elements, from a mouse click, drop down, etc…
I have 50 cards in total. Since the animation needs exact name, we can not just duplicate the card and automatically the button and triggered element change. When I did this, the duplicated element doesn’t work individually.
My current workflow is:
- Duplicate animated card
- Add the class of all animated div/elements [ie. div 1, div 2 div 3, etc…]
- Go to IX2, choose interaction type [for my case I’m using Mouse Click], Select replace all element in animation on Interaction v2 by typing class one by one.
- Go back and choose different interaction type [mouse hover], replace all element again.
- Done, it just the 2nd Card out of 50.
Since I have a lot of cards to apply. Add class and replace element manually one by one is very tedious work.
So is there any efficient workflow way to achieve this?