New Css Transitions Controls in Chrome Devtools

March 13, 2015

A coworker of mine, pointed out an awesome new feature of Chrome Devtools. When you have a css transtition in the styles pane, you may notice a new icon next to it:

Css controls icon

And when you click it, you get this awesome, drag and drop interface for adjusting your transition:

Css controls

This should be very handy for fine-tuning your animations and I’m sure designers will love being able to adjust the animation exactly when working with a developer.

Profile picture

Written by Adam Garrett-Harris, a podcaster and software engineer in Utah. You should follow him on Twitter