svg SVG path transform not working

[kitikonti 1 Likes (Newbie)]

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

[kitikonti 1 Likes (Newbie)]

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

 

[PointC 14,185 Likes (Superhero)]

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.