Adam Garrett-Harris

New Css Transitions Controls in Chrome Devtools

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.

Posted March 12, 2015

author Adam Garrett-HarrisWritten by Adam Garrett-Harris who lives and works in Silicon Slopes. You should follow him on Twitter