Skip to main content
Question

Creating multiple fade-in/out animations

  • March 24, 2024
  • 1 reply
  • 3291 views

Daniel_Schmidt

I’m new to Figma. I’ve watched some tutorials on creating micro animations, but I’m having trouble replicating a specific animation on the Klaviyo home page. If you scroll down the page, you’ll see four columns of animation where certain elements fade in and out based on whether you scroll over the entire column. Would anybody know how I’d get started re-creating these multiple fade-in/out animations in Figma? Thank you so much!

This topic has been closed for replies.

1 reply

y_toku
Figmate
  • Community Support
  • 2498 replies
  • March 26, 2024

Hi There,

Thanks for reaching out. If I understand correctly, you hope to create an animation like this?

If that’s the case, you can utilize Smart Animate.

Figma Learn - Help Center

test-smart-animate.fig (55.5 KB)

It might not be the perfect solution, I hope it would be helpful.

Please let me know if there are further questions.

Thanks,
Toku


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