Jump to content


SVG path transform not working

Recommended Posts

Any idea why this transformation is not working? When I use the uncommented line it is working, but I don't want to animate the whole SVG, only the red letters.

See the Pen xxVdKQj by kitikonti (@kitikonti) on CodePen

Link to comment
Share on other sites

Ok, i found the answer on my own. It's just not possible.


  • Like 1
Link to comment
Share on other sites

You can sometimes use scaleX to fake the y rotation.


gsap.to(".logo-red-letter", {
  scaleX: -1,
  transformOrigin: "center center",
  yoyo: true,
  repeat: 1

Happy tweening.



  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.