Need Help with Duplicated Buttons

Design help Animations & Interactions
1

I am new to Webflow and just starting out building some portfolio sites on the free plan. Now I am having an extremely frustrating issue.
Here is how it is happening,
I placed a button on the main page and customized its style and animation, then I duplicated it and changed the class name of the second one to unlink the style. I edited both buttons to have opposite color combinations and it worked out fine. The problem comes at editing hover and click the animation of the second button. They do not unlink their animations no matter what I do.
I did:
Change the target element but it affects both.
Try affect “Class”, “Selected Element”
Delete the animation of the second button and create a new one, but it keeps affecting first button.

How can I fix it?

2

Hi. Please include your site’s Read-Only Share Link with your question.
A read-only link allows the community to view your project without making any edits to it and help diagnose your issue or provide feedback.

If your project has custom code or layout issues on the published site, please share that URL/URI as well.

3

I had to create another animation with new name and it worked now. Thanks

1 Like