title: Debug CSS animation with Chrome Devtools
body: <p>Is it possible to view or debug the steps a single element takes when in a transition-css animation?
  I'm working with Chrome Dev Tools, but I'm pretty new at it. I googled it and saw something from the timeline, but I don't find the step by step things. </p>
  
  <p>My animation starts at 0%, and goes to 100%, but there seems to be something strange around 50%, although the 50% step is not declared. That's why I would like to view what's going on.</p>