基本 · 画面に入ったら再生
出てくる動き 01–08
要素が画面に入ったタイミングで一度再生される動きです。ウィンドウを上まで戻すとリセットされ、もう一度見られます。
基本 · スクロール量で進む
スクロールに連動する動き 09–16
スクロール量がそのまま再生位置になる動きです。止めれば止まり、戻せば逆再生されます。
基本 · ページの読み方を設計
固定・送り・ナビ 17–24
要素を固定する、送り方を変える、現在地を示す。ページ全体の読み方を設計する動きです。
追加 · 画面に入ったら再生
出てくる動き 25–30
01〜08と同じく、画面に入ったタイミングで再生されます。ウィンドウを上まで戻すとリセットされます。
追加 · スクロール量で進む
スクロールに連動する動き 31–38
スクロールの量や速さが、そのまま回転・傾き・再生位置などに変わる動きです。
追加 · ページの読み方を設計
固定・送り・ナビ 39–45
画面の送り方を変えたり、読み終えた人を次の行動へ案内したりする動きです。
追加 · 上級
3D・WebGL 46–48
Three.js、WebGL、Lottie を使う演出です。外部ライブラリは、このカードに近づいたときに読み込みます。