ページをめくるようなエフェクトを実装できる「Page Flip Layout」
codropsに公開されているグリッドを利用したフラットタイプのページめくりを表現した「Page Flip Layout」のアイデアを忘備録もかねて紹介します。
リアルなページめくりのエフェクトはjQueryなどのライブラリで見かけますが、フラットに遷移する「Page Flip Layout」のエフェクトはスタイリッシュで新鮮に感じます。
Page Flip Layout
商品カタログや、美容室・飲食店のメニューなどで効果的にアピールできそうなエフェクトなので参考にしてみてはいかがでしょうか。以上、ページをめくるようなエフェクトを実装できる「Page Flip Layout」を紹介でした。
-
ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
-
魅力的なチルトホバーエフェクトを実装できる「Tilt Hover Effects」
-
CSSでクールなグリッチエフェクトを実装できる「CSS Glitch Effect」
-
キレイな装飾のテキストアニメーション「Decorative Letter Animations」
-
複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
RELATED POSTS
CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
【CSS】CSSアニメーションを簡単に作成できる「Animista」
【html】文字実体参照を一覧できる「html arrows」
180種類のグラデーションがまとめられた「WebGradients」
背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
指定したWebサイトが他国でどのように表示されるかチェックできる「GeoScreenshot」
