Join the Webstudio community

Updated 7 months ago

How to animate only the arrow on hover

At a glance

The community member is looking to create an animation where a red rectangle triggers a translation of 8px to the right of an arrow when the mouse hovers over it. They have been able to achieve this in Webflow and are now trying to do the same in Webstudio. Another community member has provided a video demonstrating a solution to this exact issue, and a third community member has confirmed that the solution works perfectly.

Useful resources
Hello,

I would to create an animation when the mouse hover le red rectangle. I would like the arrow only translate (x : 8px) on the right and get back on hover off

I can do it on Webflow and I try to do the same in Webstudio.
J
R
2 comments
Wow perfect I made a video demoing exactly this πŸ™‚ https://www.youtube.com/watch?v=rg49mmDvdlE&t=2s
It works perfectly πŸ™
Add a reply
Sign up and join the conversation on Discord