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

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

cta.js


  • 立体感のあるアニメーションホバーエフェクト「Stack Motion Hover Effects」
  • モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
  • 【jQuery】ジオメトリックを実装できる「particleground.js」
  • きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
  • ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
RELATED POSTS
  • 【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
  • 180種類のグラデーションがまとめられた「WebGradients」
  • レスポンシブデザインでのロゴパターン「responsivelogos」
  • JPG・PNG・GIF・SVGの画像を圧縮してくれるWebサービス「Compressor.io」
  • 【JS】要素の切り替え時にアニメーションエフェクトを掛けられる「animateTransition.js」
  • 画像を使わずにCSSだけで三角・矢印を作る方法
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」