Skip to main content
Question

Zoom on hover, animation skipping frames

  • February 22, 2024
  • 4 replies
  • 179 views

Hi.

I’m trying to animate a card that pops up on hover. However, if you look at the corners you can see it somewhat fades out and appears as the bigger one a few frames into the animation, same thing when going back to the normal state.

Apologies for wrong formatting, new to Figma and the forums!

Video: https://i.imgur.com/Hedvk9s.mp4

4 replies

ksn
Figmate
  • Community Support
  • 1611 replies
  • February 23, 2024

Hey @Neron! Don’t worry about any formatting issues 😃 Accept my early apologies if I misunderstood your issue.

I think I see what you mean – is it moreso that the hover animation delays/stays large when you move the cursor outside of the area?


  • Author
  • 1 reply
  • February 27, 2024

Hi, thanks for replying! 😀

So yes, what you noticed does happen as well(Which I think i could fix by just adjusting the component’s bounding box); however my biggest issue is that the animation is not a “constant growth” to the second variant’s size; instead it does this “constant growth” frame by frame until the end, it does it for a few frames at the start of the animation then skip to the final size instead of growing into it.

It’s a very small, few frames issues but i was wondering if there was a workaround or if perhaps I messed up in my prototyping. 😅


ksn
Figmate
  • Community Support
  • 1611 replies
  • February 28, 2024

Let me check with our support team to see if they have suggestions - will check back again soon!


ksn
Figmate
  • Community Support
  • 1611 replies
  • February 29, 2024

Update for you @Neron – I showed support your recording, and they think it does look like there is something buggy going on with the animation. I’m going to DM you for next steps!


Reply


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