ページ遷移にアニメーション効果をつける

そのページを開いた瞬間に目を惹くページアニメーションを設定することで、サイトを強く印象付けることが可能です。

ページ設定を開く

サイトマップから設定したいページの歯車のアイコンをクリックし、プロパティ設定画面を開きます。

ページアニメーションを設定する

ページ設定タブ[1]の〈ページアニメーション〉をクリックします[2]。

表示されたアニメーションの種類の中から任意のものを選択し[1]、〈適用〉をクリックします[2]。

ページアニメーションの種類

・フェード
・フェード(右へ)
・フェード(左へ)
・フェード(上へ)
・フェード(下へ)

ページがフェードインします。方向が指定されている場合、その方向へフェードインします。

・ズーム

ページがズームインしながら現れます。

・フリップ(水平)
・フリップ(垂直)

ページがフリップ回転しながら現れます。

・ローテート

ページが時計回りに回転しながら現れます。

動作を確認する

サイトエディタ画面に戻り、プレビューや、公開後のサイトで動作を確認します。