Diaco

Thank You!  missed you all.

Quote

That's what @Sahil originally did

oops, my bad! 

Hi @hanslibuzli

Hmm, there's another simpler way;

pls check this out : 

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
})

Hi @DD77 

pls check these out : 

and the second one:

are these what you looking for?

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;"

@Carl Thank you! 

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

Hi Rick May 

pls check this out : 

Hi  hugonoro 

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

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

Hi bds 

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

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

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

Hi Guys

pls try this : 

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

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

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})

Hi  iuscare 

you just need to set transformOrigin like this : 

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

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

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();
});

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 }); }
  }
});   

Hi, one2gov 

pls check this out : 

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

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

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

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

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

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

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