Question:
How can I create a hover animation in Wix Studio where an underline grows beneath a link and also have a cursor effect where a circular animation expands when hovering over buttons?
Product:
Wix Studio Editor
What are you trying to achieve:
I want to implement two specific hover animations:
Underline Hover Effect: When a user hovers over a text link for example, a line should grow underneath the link.
2. Cursor Expansion Effect: When hovering over a button, a circular animation around the cursor should expand.
The goal is to enhance interactivity and create a visually engaging user experience.
What have you already tried:
I have attempted using basic CSS animations and explored several forums and articles related to CSS customization in Wix. However, as direct global CSS editing is not supported in Wix, I am unsure how to implement these effects in Wix Studio. I’ve reviewed relevant documentation in the Wix Help Center but couldn’t find a direct solution to this issue.
PS: I’m aiming for the same kind of modern, dynamic interaction you can find on sites like SPINX Digital, where the user experience is elevated with subtle but impactful animations. Any advice on achieving this in Wix Studio would be greatly appreciated!
Thank you very much!