Chrome DevTools: Select an animation easing to get a visual animated previewLast updated: 26th July 2020
If you view a property value containing an easing (e.g. the
transition: color .5s ease-in;) - You can 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.
DevTools has some powerful animation debugging features: