Animation 围绕中心旋转svg元素

Animation 围绕中心旋转svg元素,animation,svg,rotation,transform,Animation,Svg,Rotation,Transform,我绕中心旋转有什么不对 我设置每个的变换原点都在正方形的中心 请看这里 问题在于这一行: transition: all 1s linear 1s; 更改样式时,您正在更改变换,但也在更改变换原点。所以两者都变得活跃起来。结果就是你的怪异行为。将其更改为: transition: transform 1s linear 1s; transition: transform 1s linear 1s;

我绕中心旋转有什么不对

我设置每个的变换原点都在正方形的中心

请看这里


问题在于这一行:

transition: all 1s linear 1s;
更改样式时,您正在更改变换,但也在更改变换原点。所以两者都变得活跃起来。结果就是你的怪异行为。将其更改为:

transition: transform 1s linear 1s;
transition: transform 1s linear 1s;