「コンテンツ」エリアのブロックに「アニメーションブロック」の設定を行うことで、ブロックを印象的に表示させることができます。設定したアニメーションは、スクロールし、コンテンツが画面に表示された時に動作します。

コンテンツエリアのブロックにのみ設定が可能です。ヘッダーやグローバルナビ、ビルボードやフッターには設定は出来ません。

追加するコンテンツを選ぶ

コンテンツエリアのブロックをクリックし、設定ボタンをクリックします[１]。

アニメーションの種類を選ぶ

アニメーションの種類を選択し[１]、「適用」をクリックします[２]。

動作の確認

プレビュー画面で、ページをスクロールした時に、設定したブロックがアニメーションするかご確認ください。

■スクロール前

■スクロール後

ブロックアニメーションの種類

・フェードイン・・・ブロックが徐々にフェードインします。方向が指定されている場合、その方向からブロックが現れます。

・ズームイン・・・ブロックがズームしながら現れます。

・バウンスイン・・・ブロックがバウンドしながら現れます。

・フリップイン・・・ブロックのコンテンツがフリップのように現れます。

・ローテートイン・・・回転しながらコンテンツが現れます。