【JS】要素をモーダルウィンドウに変化させる「cta.js」

 
今後、使うこともありそうなので忘備録。要素をモーダルに変化させることができる「cta.js」。デモを見て頂ければ分かると思いますが、ランディングページなどの1ページ構成のサイトに活用できそうです。

cta.js



  • きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
  • 様々なスタイルのCSSを簡単に作れる「Generate CSS」
  • 【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」
  • ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
  • メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
RELATED POSTS
  • 【jQuery】ページ移動時にアニメーション効果をつけられるAnimsition
  • 【jQuery】要素を3D回転させるプラグインTURNBOX.js
  • あると便利なスクロールアニメーションライブラリ11選
  • SVGでダミー画像を生成できるサービス「Placeholder pics」
  • 複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
  • 背景にスクロールアニメーションを実装できる「Physics-Based Background Scroll Effects」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • Photoshopで画像を切り抜くテクニック【初心者向け】