Search the Community
Showing results for tags 'nested animations'.
Found 2 results
-
Hi all, in AfterEffects you're able to pin animation pieces together at joints and they inherit transforms and I couldn't find any documentation on how to do a similar workflow properly in GSAP. I started picking apart the "Howl's moving castle" animation example and saw that the divs contain img elements and nested again within other divs and positioned using absolute so the transforms flow down properly to smaller elements. Tried out my own version on a simple scale animation. Works fine, but got me thinking: is this the most effect way to animate complex components or is there a GSAP structure I should be using? e.g.: nested containers and graphics for "torso > leg > thigh > shin > foot" vs "foot pinned at x,y to shin pinned at x,y to..." Any guides or reassurances would be appreciated! Thanks
-
Hi! I noticed that when I nest animations (divs within divs within divs) in order to control animations, they play fine in modern browsers, but IE7 and IE8 only displays the animation to the outer div. I'm using simple TweenMax tweens for this in conjunction with jQuery, like this: TweenMax.from($("#cblattR"), 3, {css:{ rotation:90, scale:0.7}, ease:Power4.easeOut, delay:0.6}); TweenMax.from($("#PLANT"), 4, {css:{top:"300px", rotation:10, scale:0.2}, ease:Power4.easeOut}); Any ideas why this is and how to fix it? Thanks! Nico
