ブロックアニメーションで動きをつける
ブロックアニメーションの設定をすればページを開いたときに、ブロックをフェードイン、ズームインなど、アニメーションと共に表示させることができます。
ブロックレイアウトの「タブ」「アコーディオン」「フロート」では、ブロックアニメーションは動作しません。
アニメーションを設定するブロックを開く
サイト編集画面で、設定したいブロックを選び、〈編集〉をクリックします。
アニメーションを設定する
〈設定〉タブで〈ブロックアニメーション〉を選択します。
ここでは「フェードイン」を選択し、〈適用〉をクリックします。
プレビュー画面で該当の箇所へスクロールし、動作を確認します。
ブロックアニメーションの種類
・フェードイン・・・ブロックが徐々にフェードインします。方向が指定されている場合、その方向からブロックが現れます。
・ズームイン・・・ブロックがズームしながら現れます。
・サイドイン・・・ブロックがサイドから現れます。
・バウンスイン・・・ブロックがバウンドしながら現れます。
・シェイク・・・ブロックがシェイクしながら現れます。
・フリップイン・・・ブロックのコンテンツがフリップのように現れます。
・ローテートイン・・・回転しながらコンテンツが現れます。