-
-
Notifications
You must be signed in to change notification settings - Fork 16
Easing property
Juan David Nicholls Cardona edited this page Nov 25, 2019
·
1 revision
There's a list of default easing functions instead of using cubic-bezier directly:
Easing Functions | ||||
---|---|---|---|---|
"linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" |
"ease-in-cubic" | "ease-out-cubic" | "ease-in-out-cubic" | ||
"ease-in-circ" | "ease-out-circ" | "ease-in-out-circ" | ||
"ease-in-expo" | "ease-out-expo" | "ease-in-out-expo" | ||
"ease-in-quad" | "ease-out-quad" | "ease-in-out-quad" | ||
"ease-in-quart" | "ease-out-quart" | "ease-in-out-quart" | ||
"ease-in-quint" | "ease-out-quint" | "ease-in-out-quint" | ||
"ease-in-sine" | "ease-out-sine" | "ease-in-out-sine" | ||
"ease-in-back" | "ease-out-back" | "ease-in-out-back" |
We can set it to a custom function like cubic-bezier(0.25, 0.1, 0.25, 1)
, that's equal to ease
.