Hello,
I'm new to gsap and loving what it can do. I was following a tutorial for page transitions and I have run into errors with TimelineLite. I understand in version 3 it's recommended to use gsap.timeline instead. Are you able to help me update the following code?
import Highway from "@dogstudio/highway";
import { TimelineLite } from "gsap";
class Fade extends Highway.Transition {
in({ from, to, done }) {
const tl = new TimelineLite();
tl.fromTo(to, 0, 5, { left: "-100%", top: "50%" }, { left: "0%" }).fromTo(
to,
0.5,
{ height: "2vh" },
{
height: "90vh",
top: "10%",
onComplete: function () {
done();
},
}
);
}
out({ from, done }) {
done();
}
}
export default Fade;