[CSS]スタイルシートのすご技、ページをめくるリアルなアニメーション

FlashもJavaScriptも使用せずに、スタイルシートでページをめくるアニメーションを実装した「Pure CSS3 Page Flip Effect」を紹介します。

デモのキャプチャ

Pure CSS3 Page Flip Effect
デモページ

対応ブラウザはChrome, Safariと限定されたものですが、CSS3グラデーションやクリッピングを使用してリアルなアニメーションが実現されています。

Román Cortésでは他にもスタイルシートのすご技が掲載されているので、まだの方はぜひご覧ください。

sponsors

top of page

©2024 coliss