Get Started

Easing functions

Here are some of the possible easing functions. Click on the card to copy the function values and then paste them to the easing settings of your animation.
Copied
EaseInSine
cubic-bezier(0.47, 0, 0.745, 0.715)
Click to copy
Click to copy
Copied
EaseOutSine
cubic-bezier(0.39, 0.575, 0.565, 1)
Click to copy
Copied
EaseInOutSine
cubic-bezier(0.445, 0.05, 0.55, 0.95)
Click to copy
Copied
EaseInQuad
cubic-bezier(0.55, 0.085, 0.68, 0.53)
Click to copy
Copied
EaseOutQuad
cubic-bezier(0.25, 0.46, 0.45, 0.94)
Click to copy
Copied
EaseInOutQuad
cubic-bezier(0.455, 0.03, 0.515, 0.955)
Click to copy
Copied
EaseInCubic
cubic-bezier(0.55, 0.055, 0.675, 0.19)
Click to copy
Copied
EaseOutCubic
cubic-bezier(0.55, 0.055, 0.675, 0.19)
Click to copy
Copied
EaseInOutCubic
cubic-bezier(0.645, 0.045, 0.355, 1)
Click to copy
Copied
EaseInQuart
cubic-bezier(0.895, 0.03, 0.685, 0.22)
Click to copy
Copied
EaseOutQuart
cubic-bezier(0.165, 0.84, 0.44, 1)
Click to copy
Copied
EaseInOutQuart
cubic-bezier(0.77, 0, 0.175, 1)
Click to copy
Copied
EaseInQuint
cubic-bezier(0.755, 0.05, 0.855, 0.06)
Click to copy
Copied
EaseOutQuint
cubic-bezier(0.23, 1, 0.32, 1)
Click to copy
Copied
EaseInOutQuint
cubic-bezier(0.23, 1, 0.32, 1)
Click to copy
Copied
EaseInExpo
cubic-bezier(0.95, 0.05, 0.795, 0.035)
Click to copy
Copied
EaseOutExpo
cubic-bezier(0.19, 1, 0.22, 1)
Click to copy
Copied
EaseInOutExpo
cubic-bezier(1, 0, 0, 1)
Click to copy
Copied
EaseInCirc
cubic-bezier(0.6, 0.04, 0.98, 0.335)
Click to copy
Copied
EaseOutCirc
cubic-bezier(0.075, 0.82, 0.165, 1)
Click to copy
Copied
EaseInOutCirc
cubic-bezier(0.785, 0.135, 0.15, 0.86)
Click to copy
Copied
EaseInBack
cubic-bezier(0.6, -0.28, 0.735, 0.045)
Click to copy
Copied
EaseOutBack
cubic-bezier(0.175, 0.885, 0.32, 1.275)
Click to copy
Copied
EaseInOutBack
cubic-bezier(0.175, 0.885, 0.32, 1.275)
Click to copy
Copied
Slow spring
spring(10)
Click to copy
Copied
Medium spring
spring(30)
Click to copy
Copied
Fast spring
spring(60)
Click to copy
Copied
Slow spring
spring(10)
Click to copy
Copied
Medium spring
spring(30)
Click to copy
Copied
Fast spring
spring(60)