Jump to content
Search Community

aras.irvash

Members
  • Posts

    3
  • Joined

  • Last visited

Posts posted by aras.irvash

  1. Dipscom is correct, a demo would really help.

     

    This seems very similar to a question that came up the other day: http://greensock.com/forums/topic/14577-having-a-bit-of-trouble-getting-my-head-around-these-conflicting-animations/?hl=staggered

     

    Technically speaking you could use timeline.getChildren() to get an Array of all the animations in a timeline. You could then loop through them and try to offset their startTime() but that isn't very straight-forward and there are some potential side effects that could make the visual result undesirable. 

    I tried offsetting the startTime() but its a lot of work and in my case not possible because there are some delays that I have to keep after all, the best way would be to use another timeline , I'm using timeScale(3) on reverse for now I'll make another timeline later, my animations.js is beginning to look like a huge jungle on fire :(

     

    Sorry I didn't have time to prepare a codepen and thank you for taking the time to read all this.

    greensock rocks :D

    • Like 2
  2. Give this a whirl

     

    See the Pen HtIDe by GreenSock (@GreenSock) on CodePen

     

    Thanks for providing the css version, very helpful.

    This is a good approach but I prefer rotationX and Y with no prespective and transform-origin of bottom, left, top and right (for each by order) instead of width and height. GSAP uses matrix by default so as far as I've learned animating by transform gives us smoother animations, force3D: false may also help, of course Carls way also works perfectly 

×
×
  • Create New...