I have come to notice the fact that not all of the EasingStyles and EasingDirections are displayed in this DeveloperHub page.
The styles missing are Circular, Cubic, and Exponential. For the directions, only the InOut direction is not shown.
These styles and directions are documented, but not shown in the GIF provided on that page.
GIF of All Easing Styles and Easing Directions
Until the page is updated, I have created the GIF below showing all 11 styles and all 3 directions similarily to the DeveloperHub.
The direction is determined by the color.
Pink = Out
Blue = In
Orange = InOut
Also, each tween takes 2.5 seconds.
I do not know why the BackEasingStyle jitters a little in the InOut direction. The code is exactly the same for each of these TextLabels and it has no errors.
Hopefully, this somewhat minor issue gets taken into consideration.
Thank you.
Hey there, Iāve created a ticket for this page to be updated (itās on our to-do). Looks like the page is using a GIF I made for Twitter in 2015 back before these new values existed. It seems like many people find the animation of each easing style useful, so weāll be sure to update that too.