border-radius 的过渡实现方形与圆形等形状的互变border-radius 接受 1-4 个值分别控制四个角，可组合出丰富的形状transform: rotate() 或 scale() 一起过渡，变换更有动感transition 平滑过渡，推荐 0.4-0.6s 时长，形状变化过程清晰可见元素形态平滑变化：圆形与圆角方形之间过渡，同时颜色与旋转联动。核心是用 transition 同时过渡 border-radius、background、transform，切换类名即可触发。形态变化常用于状态切换、加载完成提示等场景。