HP動きパターンライブラリ 第1弾

DEMO ／ 2026-08-04

• PATTERN 01
  スクロール連動フェードイン
  スクロールに応じて4セクションが順に現れる／難易度 中／GSAP + ScrollTrigger
• PATTERN 02
  テキストスプリット
  見出しが1文字ずつ降りてくる／難易度 低〜中／GSAP
• PATTERN 03
  ローディング → ページ出現
  読み込み演出から本編へ／難易度 低／CSS + GSAP
• PATTERN 04
  視差スクロール（パララックス）
  背景が遅れて動く2層構造／難易度 中／GSAP + ScrollTrigger
• PATTERN 05
  ホバーマグネットボタン
  カーソルに吸い付くボタン／難易度 低〜中／GSAP + vanilla JS