[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で実装されています。

sponsors

top of page

©2018 coliss