Adam Wade 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 HarrisWritten by Adam Harris who lives and works in Silicon Slopes. You should follow him on Twitter