Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by 7linternational

  1. Thanks, no particular reason, it probably was like this when I forked it. Thanks!

    Any particular reason why the circle with the pause Rect is out of position? Is the animation overriding styles?

  2. I think I've somewhat did it with

    var line1 = MotionPathPlugin.convertToPath("#line1", false);
      gsap.to("#dot", {
      duration: 2, 
      ease: "linear",
        path: line1[0],
        align: "#line1",
        //autoRotate: true,
        alignOrigin: [0.5, 0.5],
        offsetX: 138,
        offsetY: 0

    but it requires offsetX and Y, I thought that it would align out of the box, is there something wrong with what I'm doing?

  3. Hello,


    I have a tween that appears on click of an object fades in and starts to rotate infinitely with repeat = -1.
    When I kill that tween and then re-click the object and and the tween re-starts it adds to the duration from the previous tween, so everytime I click and it begins to rotate its duration += previous-duration+duration

    Code that fades in and starts to rotate object

    TweenMax.to([".planet1UI>img"], 0.8, {
                autoAlpha: 1,
                delay: 1.5,
                onComplete: function() {
                    TweenMax.to(".planet1UI>img", 4, { rotation: 360, ease: Linear.easeNone, repeat: -1, transformOrigin: "50% 50%" });

    code that removes the rotation

    TweenMax.set([".planet1UI>img", ".planet2UI>img"], { autoAlpha: 0 });
            TweenMax.killTweensOf([".planet1UI>img", ".planet2UI>img"], { rotation: true, transformOrigin: true });

    So every time I restart the rotation it is 4seconds slower 


    Any ideas?

    I will add an codepen soon.