雑誌のようにめくって閲覧できるアニメーションテンプレート「Page Flip Layout」

情報元: DesignDevelop
元記事: 雑誌のようにめくって閲覧できるアニメーションテンプレート「Page Flip Layout」

このページは上記記事の情報を引用して構成されています。全文を読むには、「元記事」リンクをご利用ください。

―― 以下引用 ――

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

gazou2

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

詳しくは以下

gazou3
gazou4

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

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

Page Flip Layout

―― 引用ここまで ――

情報元: DesignDevelop
元記事: 雑誌のようにめくって閲覧できるアニメーションテンプレート「Page Flip Layout」

シェアする

  • このエントリーをはてなブックマークに追加

フォローする