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, host of BookBytes and Web of Tomorrow podcasts. You should follow him on Twitter