CODEWITHSUNDEEP
htmlcsssvgsasscss-animations
Jonas
Jonas

Reputation: 49

SVG path rotate animation - changes position

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)}
}

Upvotes: 0

Views: 196

Answers (1)

joho
joho

Reputation: 61

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

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

Upvotes: 1

Related Questions