Preview of default easing modes inside the easing dropdown

It would be great to see a small preview of each of the default easing modes alongside the name of each in the dropdown; just a small dot animating horizontally alongside would make it much easier to scan down, compare and choose the perfect mode for a given situation. Having to select and preview each is laborious and it takes ages to really learn what each is like. I know the custom easing control has a little preview but I generally pick a default for speed.

I made this little tool for myself to see how the easing modes look for the common use cases I have (sliding panels, rotating or fading things). Would be even quicker to have this ability to preview on-the-fly inside the menu itself though:

https://easeypeasy.webflow.io/

  • Martin Ollivere
  • Mar 31 2022