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

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

ページ設定を開く

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

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

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

ページ設定タブ[1]の〈ページアニメーション〉をクリックします[2]。
ページ遷移にアニメーション効果をつける

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

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

実際のページアニメーションの動作を確認する場合は下記を参照してください。
https://bind10.digitalstage.jp/sample/page_animation/index.html

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

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

・ズーム

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

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

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

・ローテート

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

動作を確認する

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