[Scaling parent and child element]

Thank You!  missed you all.

[Scaling parent and child element]

Quote

That's what @Sahil originally did

 

oops, my bad! 

[Scaling parent and child element]

Hi @hanslibuzli

 

Hmm, there's another simpler way;

pls check this out : 

 

See the Pen ppbwqz by MAW (@MAW) on CodePen

 

var zoom = 2;

TweenMax.to('.outer',1,{scale:zoom,onUpdate:function(){
    TweenLite.set('.inner',{z:0.2,scale:1/this.target[0]._gsTransform.scaleX});
  }
  ,repeat:-1,yoyo:true
})

 

[Gsap Slinky animation]

Hi @DD77 

 

pls check these out : 

See the Pen YYWwxR by MAW (@MAW) on CodePen

 

and the second one:

See the Pen baeExE by MAW (@MAW) on CodePen

 

are these what you looking for?

[SplitText dropping indents/formatting]

Hi @geddski 

 

At first, for the Club GreenSock bonus plugins on Codepen; you can find the codepen safe versions here: 

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

 

 

And about your issue; pls try to wrap your spacing entities with a span tag. <span>&nbsp;&nbsp;.....</span> 

 

Splittext completely respects to <br> tags.

 

btw, you can use "&emsp;" instead of "&nbsp;"

[Using Throw Props with scrolling]

@Carl Thank you! 

[Using Throw Props with scrolling]

Hi rgfx

 

Your section's width is bigger than its child and content doesn't overflow, try to remove section's width in your CSS or set to smaller value

 

[Using Throw Props with scrolling]

Hi Rick May 

 

pls check this out : 

 

See the Pen OzMrwN by MAW (@MAW) on CodePen

 

[Reset draggable origin]

Hi  hugonoro 

 

pls check this thread : http://greensock.com/forums/topic/15550-draggable-elements-return-to-previous-position/

[Trouble with Draggable startDrag on touchmove of different element]

Hi phidur 

 

if I understand correctly what are you trying to achieve, you can simply use draggable trigger property;

 

pls check this out: 

See the Pen GNParR by MAW (@MAW) on CodePen

[One Timeline.play() triggers another's play()]

Hi bds 

 

glad you find a way, but I think this can help you too: 

See the Pen mOaYbY by MAW (@MAW) on CodePen

[How to play to X time ?]

Hi heldrida 

 

pls try this :

 

var myTween = TweenLite.to(elem, 1,{x:100 , paused:true}); // your tween or timeline

TweenLite.fromTo(myTween,1,{progress:0.5},{progress:1}) // tween from to target progress

TweenLite.fromTo(myTween,1,{time:0.5},{time:1}) // tween from to target time

[How do I apply a class animate child Elements?]

Hi Guys

 

pls try this : 

CSSPlugin.cascadeTo(".parent", 1, {className:"+=on", delay:2});

See the Pen KNrBVb?editors=0110 by MAW (@MAW) on CodePen

[svg wave]

in addition to  Dipscom  answer , if I understand correctly ; pls try this :

 

var tl = new TimelineMax({ repeat:-1, yoyo:true, repeatDelay:1 })
.from(["#path1","#path2"], 1, {drawSVG:"0%", ease:Power2.easeInOut})
.to(["#path1","#path2"], 1, {drawSVG:"100% 100%", ease:Power2.easeInOut})

[Staggering scale multiple g elements inside a svg]

Hi  iuscare 

 

you just need to set transformOrigin like this : 

TweenMax.staggerFrom(listItems, .4, {scale:0,transformOrigin:'center'}, 0.3);

[Dynamically change target of timeline]

nope , it's just an example for store returned tl/tween instead of just playing a timeline/tween on click , for control in future such as reverse , pause , play...etc

[Dynamically change target of timeline]

Hi

 

pls try like this : 

 

function tlGenerator(target){
  var tl = new TimelineLite()
  tl.to( myTarget, 1, {x:300});
  return tl; // you can store generated timeline to be controllable like this : var myNewTl = tlGenerator(myTarget);
}

var myTarget = $(".red"); 

var redTl = tlGenerator(myTarget);

$("#play").click(function(){
  myTarget = $(".blue");
  tlGenerator(myTarget);
  
  redTl.reverse();
});

See the Pen GNxyWy by MAW (@MAW) on CodePen

[Draggable elements return to previous position]

Hi  hugonoro 

 

for getting the last position of the draggable element please try something like this : 

 

var lastPos = {x:0,y:0};
Draggable.create( elem , {
  type: "x,y",
  onPress:function(){
    lastPos.x = this.x;
    lastPos.y = this.y; 
    console.log(" last position : "+ lastPos.x , lastPos.y); // get Draggable current position
  },
  onDragEnd:function(){
    if( your logic ){ TweenLite.to(this.target,1,{ x:lastPos.x , y:lastPos.y }); }
  }
});   

[combine Draggable and Selectable?]

Hi, one2gov 

 

pls check this out : 

See the Pen NbYKKK by MAW (@MAW) on CodePen

[How to jump to label in nested timeline?]

Hi qarlo 

 

pls try these methods : 

See the Pen vydbbB by MAW (@MAW) on CodePen

  masterTl.seek( childTl.getLabelTime('labe') ); // if childTl added and start from time '0' in master timeline
  masterTl.seek( childTl.startTime()+childTl.getLabelTime('labe') ); // if childTl position in another time in master Tl

[Animate hidden elements into view]

method #2 is what you're looking for , you just need to add a .set() at the beginning . pls check the pen again

[Animate hidden elements into view]

Hi, milhouse 

 

I don't what's your desired menu behaviour , but I think this pen can help you : 

See the Pen zoRmYd by MAW (@MAW) on CodePen

[SVG viewBox not behaving as expected]

hmm , for now you can easily use onUpdate method : http://greensock.com/forums/topic/14104-combining-the-attr-and-bezier-plugins-for-svg-clip-path-animations/?p=59665

 

otherwise seems that need BezierPlugin update , btw i will check for if there's a way to embed a Bezier tween in the plugin too , i think possibly there's a way

[SVG viewBox not behaving as expected]

Hi Guys

 

i've quickly made this little plugin for SVG viewBox , what do you think ( it's still kinda messy and need a bit improvement ) :

 

See the Pen 609130da3c4ffac76bdfc1722e048380 by MAW (@MAW) on CodePen

[jQuery each with delay - call next timeline when all are done]

there are many ways with same results , but maybe something like this 

if(i==$boxes.length-1) tl.vars.onComplete = part2 ;

See the Pen KzoqQy by MAW (@MAW) on CodePen