Skip to main content
Solved

How to Rotating on mouse hover?


Alex139

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?

Thanks
Alex

Best answer by ntfromchicago

  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.

View original
This topic has been closed for comments

2 replies

ntfromchicago
  • New Member
  • 287 replies
  • Answer
  • March 31, 2022
  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.


Alex139
  • Author
  • 2 replies
  • March 31, 2022

Awesome, it worked I really appreciated your help.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings