Here is another one.
const t3 = gsap.timeline({
ease: 'Power4.easeOut',
ScrollTrigger : {
trigger: '.icon-placement',
// markers: {startColor: "green", endColor: "red", fontSize: "12px"},
marker:true,
start: "top centre",
scrub:true,
}
});
console.log(t3);
t3.from('.featureinfo' , { opacity:0 , x:-60 } , "+=0.40" )
t3.from('.featurepara' , { opacity:0 , x:60})
t3.from('.anim3l' , { opacity:0 , x:-50} , "+=0.10")
t3.from('.anim3r' , { opacity:0 , x:50} , "-=0.10")
t3.from('.phone-mid' , { opacity:0 , y:40})