How to Rotating on mouse hover?

Hello I have 2 questions:
1-Question is in the image

2-Do I need to create 2 Frames for each menu item in order to create same animation for all?


  1. You might need three states: e.g. start, hover, done. And use mouse enter and mouse leave instead vs. while hovering. And for the done state (when the text is on the right side), you need a short “after delay” to return to the starting position.

  2. You should be able to make this an interactive component so once created, you can just replace the rotating text layer and inside icon. So you only need to build the animation once, in the main component.

1 Like

Awesome, it worked I really appreciated your help.

1 Like