[CSS]CSS3で実装するセクシーなモーダルボックス -Drop-In Modals

繊細なデザインと気持ちいいアニメーションを伴ったモーダルボックスを実装するスタイルシートをZURB.comから紹介します。

Drop-In Modals
demo

スタイルシートはCSS3を使用しているため、デモページはChrome, Safariでご覧ください。
※Safari4がベストです。

Chromeのキャプチャ

Fx3.5でも、それなりに表示されます。

Firefoxのキャプチャ

デモでは「Simple Modals」と「Fancy Modal」の2種類があります。
モーダルボックスの表示やアニメーションはjQueryで実装されています。

Post on:2009年12月18日