Diaco
-
Posts
1,215 -
Joined
-
Last visited
-
Days Won
86
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
ScrollTrigger Demos
Downloads
Everything posted by Diaco
-
Thank You! missed you all.
-
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 @geddski At first, for the Club GreenSock bonus plugins on Codepen; you can find the codepen safe versions here: https://codepen.io/GreenSock/pen/OPqpRJ And about your issue; pls try to wrap your spacing entities with a span tag. <span> .....</span> Splittext completely respects to <br> tags. btw, you can use " " instead of " "
-
@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/
- 3 replies
-
- 1
-
-
- draggable
- coordinates
- (and 1 more)
-
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
-
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}); http://codepen.io/MAW/pen/KNrBVb
-
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})
-
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(); }); http://codepen.io/MAW/pen/GNxyWy
-
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 : http://codepen.io/MAW/pen/NbYKKK
-
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
-
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 : http://codepen.io/MAW/pen/zoRmYd
-
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 ) : http://codepen.io/MAW/pen/609130da3c4ffac76bdfc1722e048380
-
there are many ways with same results , but maybe something like this if(i==$boxes.length-1) tl.vars.onComplete = part2 ; http://codepen.io/MAW/pen/KzoqQy
