The easing editor

Published on Updated on

Select an easing to get a visual animated preview for how it behaves

If you view a property value containing an easing (e.g. the ease-in in transition: color .5s ease-in;) - click the easing icon to see a preview on what it looks like. You can also select other easings to preview and/or set them as the new easing for the inspected element.

Now in Chrome Canary

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.