[CSS]カードをぺろっと裏返すエフェクトを実装するスタイルシート
Post on:2010年6月30日
CSS3のアニメーションや回転機能を使用して、カードをぺろっと裏返すエフェクトを実装するスタイルシートを紹介します。

Super Cool CSS Flip Effect with Webkit Animation
デモページ
デモはCSS3に対応したWebkit系ブラウザのChrome, Safariで期待通りの動作をします。
キャプチャはChromeです。

マウスオーバーで裏返せます
チュートリアルでは通常通りテキストレベルでHTML/CSSのコードが公開されており、更にポイントとなる箇所にメモがついた画像版もあります。

ポイントが書いてあるメモ
sponsors