GSAP
// gsap.from(".heading", { // opacity:0, // duration:2 // }) // gsap.to(".heading" , { // color:"red", // duration:2 // }) // gsap.from(".box", { // y:20, // duration:2 // }) // To set multiple animations in a timeline :- var tl = gsap. timeline (); tl. from ( ".box" , { opacity: 0 , y: 20 , duration: 2 , scale: 0.5 }) tl. from ( ".heading" , { opacity: 0 , x: 20 , duration: 2 }) // Note that you can also add an array of elements to animate at once, by putting them in an array, like // tl.from(["heading", "box"], { //function //})