移動と変形 · 動かす・回す・拡大縮小
3D チルト3D 倾斜
- 立体的
- 追従
- 質感
マウスや指の位置に合わせてカードが 3D 空間でわずかに傾きます。光が走るような見え方です。
使いどころ
展示用のカードやカバーなど、じっくり見る要素に使います。フォームや長文では読む邪魔になるので使わないでください。
パラメータ
perspective 800px · rotateX/rotateY ≤ 8deg · follows 150ms ease-out
レシピ
3D チルト → 150ms ease-out条件 rotateX/rotateY ≤ 8deg3D チルト → perspective 800px · follows 150ms ease-out
AI に渡す一文
このカードにポインタ追従の 3D チルトを付けてください。親に perspective: 800px、カードは rotateX/rotateY を最大 8 度、追従は 150ms の ease-out、離れたら 0 に戻します。