ScrollMagicはスクロールとユーザーのインタラクションを魔法のように設計できるJavaScriptライブラリです。これを利用して、ユーザーのスクロール動作に基づいてアニメーションや動的な変更を適用することができます。
📄 HTML
<div id='example'>
<p>Hello</p>
</div>
🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js"></script>
⚙️ JavaScript
var controller = new ScrollMagic.Controller();
var scene = new ScrollMagic.Scene({
triggerElement: '#example',
duration: 300
})
.setPin('#example')
.addTo(controller);
単純なクラスを追加するだけで様々なアニメーション効果を適用できるCSSライブラリです。
2つのテキストの違いを一目で確認できます。
簡単かつ迅速にファビコンを生成します。
デザイン用のダミーテキストを生成します。
文字数と単語数をリアルタイムで確認できます。
字幕形式を簡単に変換できます。
画像内のテキストを自動で抽出します。