位移与变换 · 移动、旋转、缩放
旋转Rotate
- 活泼
- 有指向
- 机械
让元素绕着一个点转一定角度，常用来表达打开与收起，或者正在加载。
什么时候用它
图标表示展开收起、或需要持续转圈提示时用它；文字旋转会明显降低可读性。
参数
transform: rotate(90deg) · 200ms · ease-in-out
配方
旋转 → 200ms ease-in-out旋转 → transform: rotate(90deg)
给 AI 的一句话
让这个箭头图标在展开时旋转 90 度，200ms，ease-in-out，收起时反向转回。