ページをめくるようなエフェクトを実装できる「Page Flip Layout」


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

商品カタログや、美容室・飲食店のメニューなどで効果的にアピールできそうなエフェクトなので参考にしてみてはいかがでしょうか。以上、ページをめくるようなエフェクトを実装できる「Page Flip Layout」を紹介でした。
\ Webデザインに関するお役立ち情報を定期的に配信中 /
- メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
- CSSでクールなグリッチエフェクトを実装できる「CSS Glitch Effect」
- キレイな装飾のテキストアニメーション「Decorative Letter Animations」
- 複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
- 魅力的なチルトホバーエフェクトを実装できる「Tilt Hover Effects」
- Webデザインの参考サイト | Web Design Clip - Webデザインクリップ -
- LP・ランディングページの参考サイト | Web Design Clip [L]