[CSS]カードをぺろっと裏返すエフェクトを実装するスタイルシート
Post on:2010年6月30日
CSS3のアニメーションや回転機能を使用して、カードをぺろっと裏返すエフェクトを実装するスタイルシートを紹介します。
![デモのキャプチャ](/wp-content/uploads-2010/2010063001.png)
Super Cool CSS Flip Effect with Webkit Animation
デモページ
デモはCSS3に対応したWebkit系ブラウザのChrome, Safariで期待通りの動作をします。
キャプチャはChromeです。
![デモのキャプチャ](/wp-content/uploads-2010/2010063002.png)
マウスオーバーで裏返せます
チュートリアルでは通常通りテキストレベルでHTML/CSSのコードが公開されており、更にポイントとなる箇所にメモがついた画像版もあります。
![サイトのキャプチャ](/wp-content/uploads-2010/2010063006.png)
ポイントが書いてあるメモ
sponsors