Share Posted November 30, 2022 Hello, I wanted to re-create effect from video belowhttps://we.tl/t-98eCGzkArn So as you can see in the codepen with example i created two tweens for text Enter (opacity 0 -> 100) and Leave (opacity 100 -> 0) and it works like charm but if you see on the video I can see that backgorund is moving in slightly different speed that text - parallax how can I force same behaviour on image element that has position absolute inside of container that has 100vh height ? Question 2: Is it a correct approach to create two tween one for enter another for leaving in the text element ? Question 3: lets say I have 10+ sections so for each image element and text-element there will be separate timeline and scrolltrigger watcher. Does this have an impact on performance ? Is this a right approach ? Cheers, happy wednesday See the Pen XWYBOmY by dzunik91 (@dzunik91) on CodePen Link to comment Share on other sites More sharing options...
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!Register a new account
Already have an account? Sign in here.Sign In Now