SVG路径旋转动画 - 改变位置答案

【问题标题】：SVG path rotate animation - changes positionSVG路径旋转动画 - 改变位置
【发布时间】：2021-12-29 06:59:00
【问题描述】：

我正在尝试旋转我的 3 条路径，但是当我这样做时，它会改变位置。

  @keyframes rotate{
  from{transform: rotate(0deg);}
  to{transform: rotate(360deg)}
}

【问题讨论】：

寻求代码帮助的问题必须包括在问题本身中重现它所需的最短代码，最好是在堆栈片段中。尽管您提供了一个链接，但如果它变得无效，那么您的问题对于未来遇到同样问题的其他 SO 用户将毫无价值。见Something in my website/example doesn't work can I just paste a link。

【解决方案1】：

我认为您正在寻找的是“transform-origin: 35px 35px”

【讨论】：