フィードバックと操作 · タップへの反応
マグネット吸着磁吸吸附
- 押したくなる
- 引力がある
- 跳ね戻る
ポインタがボタンに近づくと、ボタン自体が引き寄せられるように少し動きます。離すと元の位置を少し行き過ぎてから戻ります。
使いどころ
もっとも重要な一つの操作（会計・開始・送信）にだけ使います。一画面に二つ以上あると効果が薄れ、吸着は正確なクリックを少し難しくするので、小さなアイコンボタンには使わないでください。
パラメータ
radius 90px · translate = offset × 0.28 · back 400ms cubic-bezier(.34,1.56,.64,1) · inner label × −0.12
レシピ
マグネット吸着 → 400ms cubic-bezier(.34,1.56,.64,1)マグネット吸着 → radius 90px · translate = offset × 0.28 · back 400ms cubic-bezier(.34,1.56,.64,1) · inner label × −0.12
AI に渡す一文
この主要ボタンにマグネット吸着を追加してください。ポインタが中心から 90px 以内にあるとき、中心からのずれを読み、ずれ × 0.28 をボタンの translate として書き込みます（近いほど強く引く）。内側のラベルは 0.12 逆方向に動かして視差を出します。離れたら 400ms cubic-bezier(.34,1.56,.64,1) で少し行き過ぎてから戻します。