ドロワーの隣にタブとして開きます。パネルから使用できます。セクション(ペイン)に分かれています。このガイドでは、各ペインを次のように呼びます。グループの速度を変更したりできます。グループを選択し、詳細ペインで調査して変更します。ここからアニメーションを一時停止および開始したり、アニメーションの特定の時点にジャンプしたりします。グループを調査して変更します。インスペクターが開いている状態で、単純にアニメーションをトリガーする操作を実行します。インスペクターがアニメーションを検出できるようにすることができます。取得したアニメーションは、複数の方法で再生できます。概要ペインでサムネイルにカーソルを合わせると、プレビューが表示されます。アニメーションがビューポートで再生されます。赤い縦線を使用すると、現在の位置を変更できます。赤い縦線をクリックしてドラッグすると、ビューポートのアニメーションを自由に動かすことができます。グループを取得したら、概要ペインでそのグループをクリックすると、詳細が表示されます。詳細ペインでは、各アニメーションが個別の行に表示されます。アニメーションにカーソルを合わせると、ビューポートでハイライト表示されます。パネルでアニメーションが選択されます。アニメーションの左端にある、色が濃いセクションはアニメーションの定義です。右側の、色が薄いセクションは反復を表します。インスペクターではそれらに同じ色が割り当てられます。色そのものはランダムに割り当てられ、意味はありません。要素に同じアニメーションが適用されています。つの方法でアニメーションを変更できます。アニメーションの長さ。キーフレームのタイミング。このセクションでは、以下のスクリーンショットが元のアニメーションを表しているとします。アニメーションの長さを変更するには、最初の円または最後の円をクリックしてドラッグします。ルールが定義されている場合、それらのルールは内側が白い円で表されます。キーフレームのタイミングを変更するには、それらの円のいずれかをクリックしてドラッグします。アニメーションに遅延を追加するには、円以外の任意の場所をクリックしてドラッグします。