Adam Garrett-Harris

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.


Adam Garrett-Harris

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