Jump to content
GreenSock

frontcodelover

Members
  • Posts

    3
  • Joined

  • Last visited

frontcodelover's Achievements

  1. Hello @Rodrigo thanks for your reply I updated the package, add "once:true" on my code and log the scale >>> 1 Errors are still here on Safari only and I don't know why. Do you have any ideas ? const el = imgRef.current; gsap.fromTo( el, { autoAlpha: 0, yPercent: -25, stagger: 0.1 }, { autoAlpha: 1, duration: 2, ease: "power4.inOut", translateY: "0", yPercent: 0, scrollTrigger: { trigger: el, once: true, }, } ); const elComputer = imgComputRef.current; gsap.fromTo( elComputer, { scale: 0.8, autoAlpha: 0 }, { scale: 1, ease: "power4.inOut", autoAlpha: 1, duration: 2, onComplete() { console.log(gsap.getProperty(elComputer, "scale")); }, scrollTrigger: { trigger: elComputer, once: true, }, } ); const elButton = imgButtonRef.current; gsap.fromTo( elButton, { autoAlpha: 0, translateY: "10px" }, { ease: "power4.inOut", autoAlpha: 1, duration: 2, translateY: "0", scrollTrigger: { trigger: elButton, once: true, }, } ); const elText = txtTest.current; gsap.fromTo( elText, { x: -2000, autoAlpha: 1, ease: "slowMo" }, { scrollTrigger: { trigger: elText, scrub: 0.6, start: "center center", end: "top 50%", }, x: "0", } ); const elText2 = txtTestTwo.current; gsap.fromTo( elText2, { x: -2000, autoAlpha: 1, ease: "slowMo" }, { scrollTrigger: { trigger: elText2, scrub: 0.6, start: "top 31%", end: "bottom 50%", }, x: "0", } ); const elTextprojects = textProjects.current; gsap.fromTo( elTextprojects, { x: -2000, autoAlpha: 1, ease: "slowMo" }, { scrollTrigger: { trigger: elTextprojects, scrub: 0.6, start: "center center", end: "top 50%", }, x: "0", } );
  2. Thanks for reply ! You can find the code on codesandbox => here GSAP is in Pages/Home If your have any idea ? Bugs is only on safari/iPhone browser...
  3. Hey, I made my portfolio with React and GSAP. All works well on Firefox and Chrome but for no reason I have some bugs on Safari... I made a video of this bug. My code is here https://github.com/frontcodelover/portfolio/blob/main/src/Pages/Home.tsx Video here https://www.veed.io/view/be2c50e0-b9d0-4015-9f0c-cb7022c03713/showcase?sharingWidget=true Any idea why ?
×