Jump to content
GreenSock

Diaco last won the day on December 20 2017

Diaco had the most liked content!

Diaco

Moderators
  • Posts

    1,215
  • Joined

  • Last visited

  • Days Won

    86

Everything posted by Diaco

  1. Hi Oomph pls try like this : http://codepen.io/MAW/pen/rOvQVK Draggable.create("#parent"); Draggable.create('#child',{ onPress:function(e){e.stopPropagation()} });
  2. Hi jceddy pls check this out : http://codepen.io/MAW/pen/zvjmpp/
  3. Hi JimmyHopton in addition to PointC's advice , pls check this too : http://codepen.io/MAW/pen/dYJPyj
  4. Hi d11202 if i understood correctly , pls try like this : var tlmx = new TimelineMax(); tlmx.staggerTo( $('.box-answer'), 0.25, { cycle:{x:function(i){return i*50} }, y:200 }, 0.25 ); http://codepen.io/MAW/pen/yYpLGe
  5. hmm i can't understand what you mean by : pls check my answer again : http://codepen.io/MAW/pen/ZbaZPo
  6. ok , the difference come from your hover Out function , in your TweenMax version always you have a backward tween with constant duration . with timelines you can do something like this : $(".box3").each(function(index, element){ var tl = new TimelineLite({paused:true}) // add your timeline tweens here //..... //.... element.animation = tl; }); $(".box3").hover(over, out); function over(){ TweenLite.set(this.animation,{progress:'+=0'}); this.animation.play() }; function out(){ TweenLite.to(this.animation,0.5,{progress:0,onComplete:function(){this.target.pause()}}); }; http://codepen.io/MAW/pen/ZbaZPo
  7. Hi MT pls check this thread : http://greensock.com/forums/topic/11259-problems-in-hover-animations-in-elements/
  8. Hi rdgAtl pls check this out : http://codepen.io/MAW/pen/ZGLjVr
  9. Hi Manojkr in addition to above advices , pls check out this blog post about Position Parameter : Understanding the Position Parameter
  10. Hi Crtl-Alt-Delete you can easily get draggable current position by this.x / this.y , like this : TweenLite.set('.box',{x:100,y:100}); // set position Draggable.create('.box',{ onDragEnd:function(){ console.log(this.x+','+this.y) // get position } });
  11. hmm , how about something like this : var Box = document.querySelector('.box'); var myTween = TweenLite.to(Box,2,{x:200}); function valuesAt(tween,P,time){ var X={}; X[P]=0; TweenLite.to(X,tween._duration,tween.vars).seek(time).kill(); return { target:tween.target , [P][P] }; }; console.log( valuesAt(myTween,'x',1) ); // Object { target: div.box, x: 150 } console.log( valuesAt(myTween,'x',1.5) ); // Object { target: div.box, x: 187.5 } console.log( valuesAt(myTween,'x',2) ); // Object { target: div.box, x: 200 } http://codepen.io/MAW/pen/85bddbf55cdbd22800c7a9be4ac123d9
  12. Hi Ringo i think this thread can help you : : http://greensock.com/forums/topic/12534-pick-value-between-2-css-values-using-gsap/
  13. Diaco

    spiltText inquiry

    Hi tyelrx if i understood correctly , you can do something like this : var text = new SplitText('#txt2', {type:"lines,chars"}); var tl = new TimelineLite() .to(text.lines[1],1,{x:100}) .staggerTo(text.lines[1].querySelectorAll('div'),1,{x:100},0.2); and for next time pls provide a Codepen Demo for your questions
  14. Hi julien94270 You can find / test all Club GreenSock Plugins in this Pen : http://codepen.io/GreenSock/pen/OPqpRJ
  15. in addition to Jonathan's advise , pls check these invalidate() method examples : Tween : http://codepen.io/MAW/pen/PPoyor Timeline : http://codepen.io/MAW/pen/bddvgy
  16. Hi Mestowabo the easiest way is add a dummy tween at the end of your timeline : .to({},6,{}) http://codepen.io/MAW/pen/JYrZvK
  17. Hi James Feeney pls define tweens/animations out of the listener and just play, restart or pause in listener fn , and i think that's better to make a Codepen Demo available .
  18. Hi Learning pls provide a Codepen demo for your questions , anyway you can use TweenLite.delayedCall() : http://greensock.com/docs/#/HTML5/GSAP/TweenLite/delayedCall/
  19. Hi Acccent how about this : http://codepen.io/MAW/pen/pjWzKM pls check the SlowMo ease type doc. : http://greensock.com/docs/#/HTML5/Easing/SlowMo/ and for your second question , i think you can find your answer here : http://greensock.com/gsap-1-18-0 if have any problem pls provide a Codepen Demo .
  20. pls check this thread : http://greensock.com/forums/topic/11899-tweenmax-and-screen-orientation/
  21. Hi rahuljadav pls check this out : http://codepen.io/MAW/pen/qOXQwL
  22. Hi rahuljadav this isn't a GSAP related questions , we really have to focus on GSAP api . anyway you can use Trigonometry to find points/distance or whatever , pls explain what's your goal , i think in your case there should be another simpler solutions .
  23. Hi adrianrotama pls make a Codepen Demo available for your questions : How to Create a CodePen Demo
  24. Hi mthomson pls make a Codepen Demo available for your questions .
×