多くの場合、ページ全体で 1 つのタイムラインを使用し、ページ内のすべての要素を 1 つのタイムライン内のレイヤとして表示します。また、親要素にはそれぞれ独立したアニメーション タイムラインがあります。このため、アニメーションを別のアニメーション内にネストすることで、複雑なアニメーションを作成することができます。
ネストされたアニメーションを作成する
- 親要素として使用する要素(div など)を作成します。
- ツールバーで選択ツール
を選択します。
- 必要な親要素をダブルクリックします。親要素に赤色の枠線が付き、選択できなくなります。
- 子要素を追加して、アニメーション化します。要素とアニメーションは、親要素内にネストされます。
- 前のレベルに戻るには、アウトライナー、またはページ インジケーターの横にあるブレッドクラムを使用します。これで、親要素もアニメーション化できます。