フィードバックと操作 · タップへの反応
スイング摇摆
- 吊られている
- 振り子
- 支点が上
要素が釘に掛かった看板のように、上辺を支点に左右へ揺れ、振れ幅が少しずつ小さくなって止まります。支点が上なので回転ではなく振り子です。これは transform-origin だけで決まり、中心に置くと別の動效になります。
使いどころ
本当に「吊られている」ものに使います（タグ、ベル、提灯、季節の飾り）。四角いボタンには不自然です。箱には吊られる辺がありません。
パラメータ
transform-origin: top center · transform: rotate 0→15deg→-10deg→5deg→0deg · 1000ms ease-in-out
レシピ
スイング → transform-origin: top center · transform: rotate 0→15deg→-10deg→5deg→0deg · 1000ms ease-in-out
AI に渡す一文
吊り下がったものの揺れを作ってください。transform-origin を top center にし、rotate を 15deg、-10deg、5deg、0deg と動かし、全体 1000ms の ease-in-out で。origin は必ず書いてください。省くと中心で回り、まったく別物になります。