Divisocial

I am using Angular 10. Trying to start GSAP timelinemax. Here is how I imported the dependencies: import { TimelineMax, Power0,Power3, Back, gsap, Sine } from 'gsap/all'; then this.tl = new TimelineMax(); Finally: this.tl.from(backgroundImage, 0.5, {autoAlpha:0}) Nothing works, I gets: Invalid property autoAlpha set to 0 Missing plugin? gsap.registerPlugin() Finding not help anywhere. Please help!

@ZachSaucier i am actually learning gsap. I update the above gsap codepen. Can you please watch the video one?

Can you redirect to some article or something that can help me to have that kind of image effect as shown in the video?

I am trying to make a image slider, with same effects shown in the below video url https://youtu.be/VfIfy5fZLhM I have this code below: this.tl.from("#panel1", 4, {autoAlpha:0, ease: Sine.easeInOut}) .set("#panel2", {top:0}, "+=2") .from("#panel2", 6, {autoAlpha:0, scale:1.5, ease: Sine.easeInOut}) .set("#panel3", {top:0}, "+=2") .from("#panel3", 8, {autoAlpha:0, scale:1.5, ease: Sine.easeInOut}) I am trying to achieve the same image effect shown in the video [zoom in, out and second image is sliding inside]. Can someone please help?

Thank you, The first thread was in mind. Seems the only working.

I want to save GSAP animation in a video. I am not finding any reliable solution. Purpose is: I have images, kindda snapshots with texts over the images and trying to make video from that. Any help is highly appreciated!