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

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

• 
  立体感のあるアニメーションホバーエフェクト「Stack Motion Hover Effects」
• 
  モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
• 
  【jQuery】ジオメトリックを実装できる「particleground.js」
• 
  きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
• 
  ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」

• 
  【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
• 
  180種類のグラデーションがまとめられた「WebGradients」
• 
  レスポンシブデザインでのロゴパターン「responsivelogos」
• 
  JPG・PNG・GIF・SVGの画像を圧縮してくれるWebサービス「Compressor.io」
• 
  【JS】要素の切り替え時にアニメーションエフェクトを掛けられる「animateTransition.js」
• 
  画像を使わずにCSSだけで三角・矢印を作る方法