I am trying to rotate my 3 paths, but when I do so, it changes the position.

https://codepen.io/jonas2711/pen/XWaOaVM

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

CodePudding user response：

I think what you are looking for is "transform-origin: 35px 35px"

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin