Visualize animations easing in DevTools – Mozilla Hacks - the Web developer blog

The easing (or timing function) of an animation is what dictates the way it progresses through time. For example, a linear easing means that an animation runs at the same speed throughout its duration. This means that if an element isn’t moving at first and then starts to move, it will do so instantly, as if it didn’t even need to accelerate. Often, web developers choose other easings that look mo

[Rockridge]

Fx52：開発ツールのインスペクタにWeb Animations用のパネルが設置された。アニメーションの処理経過を可視化することができる。