Skip to main content
Question

Recreating "Gentle" easing using Bezier Curves

  • October 12, 2023
  • 2 replies
  • 4244 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