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