/dev tips

(26) DevTools settings persistence across incognito The DOM Breakpoints Pane (28)

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

1 May 2015
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

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.