Diaco last won the day on March 24 2016

Diaco had the most liked content!

Diaco

Moderators
  • Content count

    1,207
  • Joined

  • Last visited

  • Days Won

    84

Diaco last won the day on March 24 2016

Diaco had the most liked content!

Community Reputation

1,873 Superhero

About Diaco

  • Rank
    Moderator

Contact Methods

Profile Information

  • Gender
    Not Telling
  • Interests
    Electric Guitar playing , 3D Modeling Arts , Math , Quantum physics , Biology ....

Recent Profile Visitors

12,450 profile views
  1. Hi hugonoro pls check this thread : http://greensock.com/forums/topic/15550-draggable-elements-return-to-previous-position/
  2. Hi phidur if I understand correctly what are you trying to achieve, you can simply use draggable trigger property; pls check this out: http://codepen.io/MAW/pen/GNParR
  3. Hi bds glad you find a way, but I think this can help you too: http://codepen.io/MAW/pen/mOaYbY
  4. 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
  5. Hi Guys pls try this : CSSPlugin.cascadeTo(".parent", 1, {className:"+=on", delay:2}); http://codepen.io/MAW/pen/KNrBVb
  6. 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})
  7. Hi iuscare you just need to set transformOrigin like this : TweenMax.staggerFrom(listItems, .4, {scale:0,transformOrigin:'center'}, 0.3);
  8. 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
  9. 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(); }); http://codepen.io/MAW/pen/GNxyWy
  10. 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 }); } } });
  11. Hi, one2gov pls check this out : http://codepen.io/MAW/pen/NbYKKK
  12. Hi qarlo pls try these methods : http://codepen.io/MAW/pen/vydbbB 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
  13. method #2 is what you're looking for , you just need to add a .set() at the beginning . pls check the pen again
  14. Hi, milhouse I don't what's your desired menu behaviour , but I think this pen can help you : http://codepen.io/MAW/pen/zoRmYd
  15. 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