Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Animation 围绕中心旋转svg元素_Animation_Svg_Rotation_Transform - Fatal编程技术网
Fatal编程技术网
  • animation/
  • Animation 围绕中心旋转svg元素

Animation 围绕中心旋转svg元素

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;