スクロール演出（応用）
スクロールで画像出現
スクロール量に応じて clip-path が開き、画像がだんだん現れる。scroll イベント連動の視覚演出。
プレビュー
スクロール
操作枠内をスクロールすると動きます。
コード（コピーして使えます）
<div class="scroll-root">
<div class="spacer">↓ スクロール ↓</div>
<div class="reveal-wrap">
<!-- .reveal-img を <img> タグに置き換えて使用可 -->
<div class="reveal-img"></div>
<p class="caption">スクロールで出現</p>
</div>
<div class="spacer-bottom"></div>
</div>