Google Web Designer のメールとチャットでのサポートは 2022 年 2 月 1 日に終了します。なお、コミュニティ フォーラムは引き続きご利用いただけます。

アニメーションのネスト

多くの場合、ページ全体で 1 つのタイムラインを使用し、ページ内のすべての要素を 1 つのタイムライン内のレイヤとして表示します。また、親要素にはそれぞれ独立したアニメーション タイムラインがあります。このため、アニメーションを別のアニメーション内にネストすることで、複雑なアニメーションを作成することができます。

ネストされたアニメーションを作成する

  1. 親要素として使用する要素(div など)を作成します。
  2. ツールバーで選択ツール を選択します。
  3. 必要な親要素をダブルクリックします。親要素に赤色の枠線が付き、選択できなくなります。
  4. 子要素を追加して、アニメーション化します。要素とアニメーションは、親要素内にネストされます。
  5. 前のレベルに戻るには、アウトライナー、またはページ インジケーターの横にあるブレッドクラムを使用します。これで、親要素もアニメーション化できます。
この情報は役に立ちましたか?
改善できる点がありましたらお聞かせください。

さらにサポートが必要な場合

問題を迅速に解決できるよう、ログインして追加のサポート オプションをご利用ください。

検索
検索をクリア
検索を終了
Google アプリ
メインメニュー
ヘルプセンターを検索
true
5050422
false