コンテンツをクリエイティブにデザインするために、アニメーションを用いたレイアウトを取り入れることはとても効果的です。今回は雑誌を読むようにページをめくって閲覧できるアニメーションテンプレート「Page Flip Layout」をご紹介します。

ファッション雑誌のように美しく写真をレイアウトすることができ、アニメーション効果でデザインをリッチにすることができます。

詳しくは以下

ページレイアウトは見開きで作成され、ページ数の計算やインデックスも自動作成されます。画像のページ右にある青いラインからインデックスを閲覧でき、見たいページにジャンプすることや、すべてのページをCSSグリッドベースでカスタムすることもできます。ただし、旧ブラウザでは最新のCSSを利用できない場合があるので注意が必要です。

アニメーションテンプレートを使うことで、デザインを簡単に見やすく、美しくグレードアップすることができそうですね。気になる方は以下のリンクからチェックしてみてください。

Page Flip Layout