![Umar Hansa](https://web.dev/images/authors/umarhansa.jpg) Umar Hansa [X](https://twitter.com/umaar) [Homepage](https://umaar.com/)

<br />

![Select an easing to get a visual animated preview for how it behaves](https://developer.chrome.com/static/blog/the-easing-editor-2/image/select-easing-get-visu-30422a8720836.gif)

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**