mikel

Hey @Yes!, I am lost: what effect do you want to achieve? Using the new gsap 3 you have the possibility of function based values - here an example https://codepen.io/mikeK/pen/pooqrQp Happy tweening ... Mikel

Hey @Wayrse, const tl = gsap.timeline({ paused: true }); // no 'new' tl.to('.circle', {duration:1, x: 100}); //duration is now a property of the vars object const button = document.querySelector('button'); // works as usual button.addEventListener("mouseenter", function(){ tl.play(); }); button.addEventListener("mouseleave", function(){ tl.reverse(); }); Regarding gsaps 3 please have a look release notes. Happy tweening ... Mikel

Hey @Page Tailoring, Just do it ... https://codepen.io/mikeK/pen/WNNLbLZ Happy tweening ... Mikel

Hey @Yes!, If I understand your issue correctly, I'm not sure. You can e.g. use margin-right and a neg stagger number (tweens the array of targets starting from the last) https://codepen.io/mikeK/pen/KKKbPJY Happy tweening ... Mikel

Hey, Just one option - using gsap 3.0 https://codepen.io/mikeK/pen/jOOQRoz Happy tweening ... Mikel

Hey @qqignatqq, Let gsap do the job - better no css transforms. Here is a possibility: https://codepen.io/mikeK/pen/VwwGgEx Happy tweening ... Mikel

Hey @mimeartist, It is still there. However, the codePen example still runs on V2 - here V3 https://codepen.io/mikeK/pen/GRRXjwy Happy tweening V3 ... Mikel

Hey @Loque, Welcome to the GreenSock Forum. You could use the stagger property together with function-based values ... https://codepen.io/mikeK/pen/BaaOjEP Happy tweening ... Mikel

Hey @jdw, Welcome to the GreenSock Forum. Your code is working as expected. Should it flicker? Or what ... Examples of how 'neon font' can be implemented you can find on CodePen. https://codepen.io/mikeK/pen/ae5576e80f4f8d25a946fc4c657d8810 Happy tweening ... Mikel

Hey @jp_uk81, Maybe this pen helps ... function mapToPath() { var path = MorphSVGPlugin.pathDataToBezier(orbit, {align:planet}); //create a tween of the planet along that path and jump to the progress that the timeline is at. TweenLite.to(planet, time, {bezier:{values:path, type:"cubic"}}).progress(action.progress()); } https://codepen.io/mikeK/pen/gyYWEe Happy tweening ... Mikel

Hey @aloz, Welcome to the GreenSock Forum. An absolutely representative survey showed ... https://codepen.io/mikeK/pen/bGGvQRM As you can see, almost everything is possible. Happy tweening ... Mikel

Hey @Ilkin Namazov, Welcome to the GreenSock Forum. Here is a tutorial from @PointC. Try demo 8 ... Happy tweening Mikel

Hey @Gerben Bergman, Please study the above posted topic ... Here an example with the gradient solution of @PointC https://codepen.io/mikeK/pen/vYYRYEg Happy study ... Mikel

Hey @AJT, Welcome to the GreenSock Forum. You could use a cockie. Take a look at this example. Your cockie would be 'homeVisited' and the conditions as needed. Happy tweening ... Mikel

Hey @st3f, You could add a transformPerspective : https://codepen.io/mikeK/pen/MWWQJOY Happy tweening ... Mikel