移動と変形 · 動かす・回す・拡大縮小
回転旋转
- 活発
- 方向性
- 機械的
要素をある点を中心に角度ぶん回します。開閉の状態や読み込み中を表すのによく使います。
使いどころ
開閉を示すアイコンや、回り続ける読み込み表示に使います。文字を回転させると読みにくくなるので避けてください。
パラメータ
transform: rotate(90deg) · 200ms · ease-in-out
レシピ
回転 → 200ms ease-in-out回転 → transform: rotate(90deg)
AI に渡す一文
この矢印アイコンを展開時に 90 度回転させてください。200ms、ease-in-out で、折りたたみ時は逆に戻します。