Jump to content
Search Community

blopiblop

Members
  • Posts

    6
  • Joined

  • Last visited

Posts posted by blopiblop

  1. // Anim Project
    let tlproject = gsap.timeline({ScrollTrigger : { trigger:".category-button",start:"bottom bottom",}});
    tlproject.from(".category-button", {x:200, opacity:0,duration:0.2,stagger:0.1,ease:"slowMo"})
    tlproject.from('.portfolio_gallery', {opacity:0,duration:2,ease:"linear"})

    Hi everyone, I can't understand why the scrollTrigger is not working, the animation start on load instead of scroll ?
    This one without using timeline is working well on the same page :
     

    gsap.from(".ctn-image", {
        scrollTrigger:{
          trigger:'#contact',
          start:"top center",
          toggleActions:"restart none reverse pause"
        },
        y: 500,
        ease:"powerIn",
        opacity:0,
        duration:1,
    });

     

  2. Thank you very much, I'm just starting using GSAP and I'm amazed by the product and also the availability of the community to help newbies like me. 

    Wish you a good day.

  3. Hello everyone, some guy of the team wanted to add Swup to our project.

    Did you had to manage a project with both Swup + Gsap, if so how did you managed the animation layer of the project.

     

    I thought about keeping the "arrival" animations actualy done on the timile gsap when the page load and then use swup only for the leaving animations, what do you think of this  (and how do you do it) ? Or do you use Gsap for both arrival and leaving effects and use Swup just for SPA effect + little transition animation between pages ? 

    I can't find any topic on the web on how to use both of those tools.

×
×
  • Create New...