スクロールアニメーション
クリップreveal
画面に入ると画像が左から右へ開くように現れる。clip-pathを使った上質な登場。
プレビュー
プレビューは直接さわって試せます。
コード（コピーして使えます）
<div class="scroll-hint">↓ スクロール ↓</div>
<div class="clip-wrap">
<!-- .clip-img を <img> に置き換えて使う -->
<div class="clip-img"></div>
</div>スクロールアニメーション
画面に入ると画像が左から右へ開くように現れる。clip-pathを使った上質な登場。
プレビューは直接さわって試せます。
<div class="scroll-hint">↓ スクロール ↓</div>
<div class="clip-wrap">
<!-- .clip-img を <img> に置き換えて使う -->
<div class="clip-img"></div>
</div>