Skip to main content
Solved

Making animations go when hovering

  • May 9, 2021
  • 1 reply
  • 5120 views

Riley_Grabowski

Hello,

I am trying to prototype animations. It is the first page that you will see on the website. I want the animations to be still when you first see them so they would be just the illustrations but when you hover over the illustration it will move. The movements are only around 3-4 seconds long. All of them are placed within Figma as a GIF. I have looked up countless tutorials and have not figured it out. Also there are 6 animations on the page. they are in a line from left to right and I want that they only play when hovering. I do not want them to play at the same time. The only animation that plays is the one that your mouse is hovering over. If you know how to do this please help. Thank you.

Best answer by Gleb

Super easy. Use Overlays to do that: open the overlay on mouse enter, then close overlay after delay. The delay is the length of your animation.

View original
This topic has been closed for comments

Gleb
  • Power Member
  • May 15, 2021

Super easy. Use Overlays to do that: open the overlay on mouse enter, then close overlay after delay. The delay is the length of your animation.


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