Skip to main content
Question

Recreating "Gentle" easing using Bezier Curves

  • October 12, 2023
  • 2 replies
  • 3931 views
J

Figma does not provide the CSS in dev mode for the “Gentle” spring animation under Smart Animate. Has anyone been able to recreate this animation exactly using cubic-bezier() in CSS?

This topic has been closed for replies.

2 replies

B

I have the same issue, my tech team told me they can’t set values likes Stiffness / Damping / Mass

Pavel_Kiselev
  • Pavel_Kiselev
  • Power Member
  • 438 replies
  • February 13, 2024

This is the closest I was able to get

https://www.figma.com/proto/KwjysI25yJTQBHRDbsb141/Custom-Bezier-Gentle?type=design&node-id=0-1&viewport=563%2C353%2C0.49&t=G9gFsMYfGO0v8EEA-0&scaling=scale-down&starting-point-node-id=1%3A2&show-proto-sidebar=1

image

My values are 0.47, 0, 0.23, 1.38

Terms & ConditionsCookie settingsAccessibility statement

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