Relume Community Icon

Home

Announcements
Feedback
Figma Support
General
Showcase
Webflow Support

Powered by Tightknit

Troubleshooting Link Button Animation Issue on Homepage

·Jun 15, 2024 04:28 PM

Hi there, I'm having a problem with link button. I made an underline animation in the Style Guide, that creates an animation on hover and hover out, but when I apply the same exact classes on my homepage on the secondary button, it does not have the animation https://preview.webflow.com/preview/m-m-dental-kft-6e1352?utm_medium=preview_link&utm_[…]d5d2b897bd&pageId=666d92d9053e96a5b30efdfc&workflow=preview Any ideas?

1 comment

· Sorted by Oldest

Matt J.
·
Valentine M. yeah you'll want to toggle from element to class and you should be good to go. However, I noticed that on this button you have the combo classes stacked button-base button but it should really be button button-base because all of the styles for buttons inherit from button. Once you have those combo classes fixed, when you toggle the interaction to be by class, you can target any button that has the class button to have that animation. You could use button-base to only have those buttons with that class have the animation as well. But the way you have it setup now limits what you can do and complicates your setup significantly.