Search the Community
Showing results for tags 'tranform'.
Found 3 results
svg SVG path transform not workingAny 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.
x attribute not overriding css tranformHi, I am very exited about GSAP so I just started to discover it playing around. Congratulation to all the staff! There is a thing that I cannot understand and I am wondering if this could not be a bug. When you set a transform CSS value (ie transform: matrix(1,0,0,1,0,0); ) through a CSS stylesheet and then you try to use GSAP to tween a movement to a different position, the CSS is not overridden since the transform is only set as an attribute and not also as a CSS inline style property. I know that I can use TweenMax.set function to set the transform value instead of using CSS, but sometimes this could be inconvenient and overriding a must. Is there anything that I have not understood on how to correctly use GSAP for this purpose? Many thank!
Alignment issues, 3D rotationHi guys, I've been having a play around with the JS animations for a few weeks now (having loads of fun making stuff fly about the place!) but have decided to notch it up a level and try some 3D animations. Basically I'm trying to rotate a 3D cube around the Y axis and am having an issue getting the 4 front facing sides of the cube to stay where they should be. They sort of 'bounce' from the edge of the cube by a small margin. I've setup a fiddle to help explain the issue for which I've taken out 3 of the cube faces to showcase the issue - http://jsfiddle.net/rockerby/sVTaU/1/ I've tried playing around with the transform origin rather than animating the 'z' and 'x' properties on rotate but can't seem to get this to look right. Any help would be greatly appreciated!