移動と変形 · 動かす・回す・拡大縮小
トランスフォーム原点变换原点
- 正確
- 目立たない
- 方向を決める
拡大縮小や回転がどの点を中心に起きるかを指定します。既定は要素のちょうど中央です。
使いどころ
ドロップダウンを右上から開きたいときや、要素を角から伸ばしたいときに変更します。変えなければ拡大は常に中央から始まります。
パラメータ
transform-origin: top right · transform: scale 0.96→1 / rotate 0→90deg · 180ms ease-out
レシピ
トランスフォーム原点 → scale 0.96 → 1 @ 180ms ease-out
AI に渡す一文
このドロップダウンの transform-origin を top right にし、中央ではなく右上を起点に scale 0.96 から 1 へ 180ms、ease-out で展開させてください。