Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by 7linternational

  1. Hello, I was trying to have a background area being draggable (like a large canvas) and on top of it have draggable children. But when I drag the child the area gets dragged as well. Any ideas how to separate them? Should I check if the mouse is hovering over the child boundaries and disable the area drag or is there another way?



  2. 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?

  3. 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?

  4. 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.