ページをめくるようなエフェクトを実装できる「Page Flip Layout」
codropsに公開されているグリッドを利用したフラットタイプのページめくりを表現した「Page Flip Layout」のアイデアを忘備録もかねて紹介します。
リアルなページめくりのエフェクトはjQueryなどのライブラリで見かけますが、フラットに遷移する「Page Flip Layout」のエフェクトはスタイリッシュで新鮮に感じます。
Page Flip Layout

商品カタログや、美容室・飲食店のメニューなどで効果的にアピールできそうなエフェクトなので参考にしてみてはいかがでしょうか。以上、ページをめくるようなエフェクトを実装できる「Page Flip Layout」を紹介でした。
\ Webデザインに関するお役立ち情報を定期的に配信中 /
- メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
- 魅力的なチルトホバーエフェクトを実装できる「Tilt Hover Effects」
- CSSでクールなグリッチエフェクトを実装できる「CSS Glitch Effect」
- ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
- アニメーションで変化するカスタムカーソル「Custom Cursor Effects」
- WordPress対応のおすすめレンタルサーバー比較 ( 初心者向け )
- 無料で使えるフリーイラスト素材サイト(商用利用可)
- 無料で使用できるフリー画像・写真素材サイト(国内/海外)
- Webデザインの参考サイト | Web Design Clip - Webデザインクリップ -
- LP・ランディングページの参考サイト | Web Design Clip [L]