マスク

マスク系。帯マスクが通過して要素が現れる、印象に残る登場演出です。
各カードの「再生」で何度でも動きを確認できます。
方向や速度を細かく調整したい場合はページ下部のマスクジェネレーターへ。

マスクジェネレーター

マスクリビールの発火・方向・ぼかし幅・速度を調整してプレビューできます。
調整内容は「リストに追加」で貯めて、アニメーション指示書へまとめて反映できます。

発火タイミング

スクロール到達 FV（ロード直後）

対象

単発複数（順次表示）

方向（アニメーションの進行方向）

角度（CSS gradient 角度・0° = 下から・90° = 左から・時計回り。方向選択で自動セット・手動で微調整可）

ぼかし幅（%・0 = パキッと直線ワイプ・大きいほど境界がふわっと溶ける）

duration（再生時間・秒）

delay（発火までの間・秒）

ease（動きの質感）

stagger（要素間の時間差・秒）

クラス名（未入力なら js-mask-01 から自動連番）

実装対象メモ（任意・例: top ページ service セクションの画像）

まだ追加されていません。プレビューを調整して「リストに追加」してください。

追加した生成アニメは、右下の「依頼リスト」からコピー・アニメーション指示書への反映ができます。