アニメーションするモダンなモーダルダイアログを汎用的につくれる「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 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 過去のエントリ
