アニメーションするモダンなモーダルダイアログを汎用的につくれる「cta.js」
2015年09月09日-
スポンサード リンク
cta.js - Animate your 'action-to-effect' paths!
アニメーションするモダンなモーダルダイアログを汎用的につくれる「cta.js」
既存のエレメントを特定のサイズに変形し、ダイアログなり、サイドバーなりに変形させてUIをつくれる面白いライブラリのご紹介です
活用すればモダンで美しいUIをWEB上で表現できそうです
タイルをクリックすると全画面に広がるサンプル
(2) ボタンを押すとlightbox風ダイアログに変形するサンプル
(3) ボタンを押すとサイドバーがアニメーション付きで生成されるサンプル
関連エントリ
スポンサード リンク
By.KJ : 2015年09月09日 09:00
Advertisements
オススメサイト
SITE PROFILE
最新のブログ記事(新着順)
- iframeのサイズをコンテンツに応じて自動リサイズを出来るようにする「Iframe-resizer」
- アニメーションするモダンなモーダルダイアログを汎用的につくれる「cta.js」
- Twitterフォローボタンがパッカーンする「Discreet Twitter UI」
- タグによってアイテムをフィルタする仕組みを提供するjQueryプラグイン「Tagsort」
- BootstrapのDropdownメニューをホバーで開くように出来るプラグイン「bootstrap-hover-dropdown」
- タッチ端末でも使えるレスポンシブスライダー実装「lory」
- ツリー型の階層的なアイテムを選んで送信できるフォームUI実装jQueryプラグイン「Tree Multiselect」
- JSでActionScript3ライクにピュアCSS3な高速アニメーションを生成できる「Agile Css3 Engine」
- モダンなUIでモーダルダイアログを出すことができる「jQuery Popdown」
- 必要な機能は全部入ったモダンなLightBox実装jQueryプラグイン「lightGallery」
- 過去のエントリ