How to make animations and image load after the page is loaded
Hi,
I created a project using GSAP TimelineMax Plugin where the text on the left side slides in the original position from the left (kind of like fade in).
var timeline = new TimelineMax();
timeline.from(".main-text-home-cta h2", 1, {x:-100, opacity:0},0)
.from(".main-text-home-cta h4", 1, {x:-100, opacity:0},0)
.from(".buttons-under-nested-rows", 1, {x:-100, opacity:0},0)
.from(".devices-chat-picture", 1, {x:100, opacity:0});
The cod
Hello @vibhor4all and welcome to the GreenSock Forum!
Like @mikel advised you can check DOM and window. This way you only run your animation when the HTML, SVG, Canvas, and other assets are ready and loaded to be animated.
It is best to wait until the DOM is ready then check if the window is loaded. Since both DOM ready and window loaded can fire at different times based on the server wait response and client building the DOM. Also its optional to also only run on the ne
