Is there a better code like mine?

[Novaliz 2 Likes (Newbie)]

I have a ScrollTrigger on a p element on which I want to use gsap.to and gsap.from. I wrote it this way:

 

gsap.to(".p-blinker", {

duration: 2,

opacity: 1,

 

scrollTrigger: {

trigger: ".hero",

start: "top 0",

end: "bottom 80%",

// markers: true,

},

});

 

gsap.from(".p-blinker", {

duration: 2,

y: "150",

scrollTrigger: {

trigger: ".hero",

start: "top 0",

end: "bottom 80%",

// markers: true,

},

});

 

I wonder If there is a better solution for this? I needed to write it this way because otherwise the p element would stay 150px higher after the animation.

[SteveS 177 Likes (Specialist)]

There isn't enough detail in your post for us to reasonably help. I'm unsure why you need two tweens for this since they execute simultaneously. It seems like this could be accomplished in one `from` tween or `fromTo` tween without issue.

One optimization is to use `autoAlpha` instead of `opacity`.