Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Search the Community

Showing results for tags 'nested animations'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Personal Website


Twitter


CodePen


Company Website


Location


Interests

Found 2 results

  1. 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
  2. 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
×