フェードは、パーツやインナーが透明な状態から、ふわっと浮かび上がるように現れるアニメーションです。いちばん控えめな動きなので、見出しや文章、写真など、どこに付けても落ち着いた印象になります。
見え方
設定のしかた
- フェードを付けたいパーツ（またはインナー・コンテナ・セクション）を選びます。
- 右側のプロパティメニューで「アニメーション」タブを開き、「アニメーション」で「フェード」を選びます。
- トリガーとタイミングを設定します。
- ツールバー右端の「▶」で動きを確認します。
フェードには、種類ごとの設定項目はありません。トリガー・タイミングなど共通の設定については、アニメーションとはをご覧ください。
設定例
| やりたいこと | 設定 |
|---|---|
| 見出しのあとに、文章を少し遅れて出す | 見出しと文章のそれぞれにフェード。文章だけ遅延時間を 400ms にする |
| 見出し・文章・ボタンを順番に出す | それらが入ったインナーにフェードを付け、スタッガーにチェックを入れる |
| 画像と文章に時間差を付ける | 左右のインナーにそれぞれフェード。文章側のインナーだけ遅延時間を 600ms にする |
ゆっくり浮かび上がらせたいとき
イージングが「イーズアウト」だと、動きの大部分がはじめの短い時間で進むため、継続時間を長くしても一瞬で現れたように見えます。ゆっくり浮かび上がらせたいときは「リニア」を選んでください。