Linear
Ease
Ease In
Ease Out
Ease In Out
In Quad
In Cubic
In Quart
In Quint
In Sine
In Expo
In Circ
In Back
In Elastic
Out Quad
Out Cubic
Out Quart
Out Quint
Out Sine
Out Expo
Out Circ
Out Bounce
Out Back
Out Elastic
In Out Quad
In Out Cubic
In Out Quart
In Out Quint
In Out Sine
In Out Expo
In Out Circ
In Out Back
In Out Elastic
Bounce
Bounce Past
Swing From To
Swing From
Swing To
Linear
Ease
Ease In
Ease Out
Ease In Out
In Quad
In Cubic
In Quart
In Quint
In Sine
In Expo
In Circ
In Back
In Elastic
Out Quad
Out Cubic
Out Quart
Out Quint
Out Sine
Out Expo
Out Circ
Out Bounce
Out Back
Out Elastic
In Out Quad
In Out Cubic
In Out Quart
In Out Quint
In Out Sine
In Out Expo
In Out Circ
In Out Back
In Out Elastic
Bounce
Bounce Past
Swing From To
Swing From
Swing To
Linear
Ease
Ease In
Ease Out
Ease In Out
In Quad
In Cubic
In Quart
In Quint
In Sine
In Expo
In Circ
In Back
In Elastic
Out Quad
Out Cubic
Out Quart
Out Quint
Out Sine
Out Expo
Out Circ
Out Bounce
Out Back
Out Elastic
In Out Quad
In Out Cubic
In Out Quart
In Out Quint
In Out Sine
In Out Expo
In Out Circ
In Out Back
In Out Elastic
Bounce
Bounce Past
Swing From To
Swing From
Swing To
Do you know your 'In Quad' from your 'In Quint'...?
Me neither, that's why I built Ease-y Peasy.
I needed a quick way to visually compare how all the built-in easing options in Webflow would look on: sliding panels, fading things, rotating things etc.
It's really been helping me choose the perfect easing options and I hope it helps you too.
If you'd like to know when I make or write about other design-related things, follow me on Webflow or Twitter , or join my mailing list via my site.
If you have any feedback, I'm all 👂s. Thank you.
©2022 Martin Ollivere
