![]() So the question is how to determine transformOrigin to use in GSAP. The problem is that it is a matrix transformation which has both a -90 degree rotation and a scale: transform = "matrix(0,-0.95087276,1.0516654,0,0,0)" I want it to bounce, and that would seem to require a transform of some sort (i.e changing y). The better statement is that I can't see any effect, rather than it isn't working. Ok, I see the ease:Back.easeOut is changing the opacity in the example. ![]() I think I need to learn how to do it right in GSAP. Those seem to be to remove a transform for a group (g element). □Īdded later: I looked at the Inkscape fixes. If I change it on CodePen will it change in this topic, or is this a copy? (It doesn't look like it is.) I'm new to CodePen, too. I will work on that however, I would like to understand why it is not working as is. I looked at the link for trying to fix it in Inkscape. They are the same, so I don't see what the transform is doing. Possibly I need a different transform, but at the moment I don't know how to determine one.īTW I have looked at x, y, and rotate before and after the tween. But then rotate does nothing and also ease:Back.easeOut does nothing. ![]() However, taking it off fixes the problem. I need the transform, because I also want to translate and rotate. And I guess I could just have left it off. I appreciate, though, your information that there is a better way to do none. I was using another ease and changed it to this for the example. I have simplified what I actually want to do. And I would still have the problem if it weren't white. ![]() Thanks Zach, but the white text is not the problem. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |