mikel

Hey @3rst, Welcome to the GreenSock Forum. Does this example help you? https://codepen.io/mikeK/pen/VwaRJYZ Happy tweening ... Mikel

Hey @Narendra Verma, It could be better to pin the relevant section https://codepen.io/mikeK/pen/WNwmdEB?editors=1010 Happy sliding ... Mikel

Hey @Narendra Verma, Is this an option for your for your intention? https://codepen.io/mikeK/pen/dyMrZzG?editors=0110 Happy tweening ... Mikel

Hey @pw_ws, Welcome to the GreenSock Forum. Look at this example in the SrcollTrigger docs https://codepen.io/GreenSock/pen/rNOBLBV?editors=1000 Happy scrolling ... Mikel

Hey @Narendra Verma You could pin the 2. section and run a tween/timeline: https://codepen.io/mikeK/pen/NWNJWrX Happy tweening ... Mikel

Hey @kylerumble, Here is an example with simple circles recommended by @Richard1604 https://codepen.io/mikeK/pen/XWdOvmd?editors=1010 Happy tweening ... Mikel

Hey @Rushmore, I am not sure what exactly you want to achieve. Please have a look at the docs for .addPause() . Here's an example https://codepen.io/mikeK/pen/15780caeb430acab3fff5eeb261c203a Happy pausing ... Mikel

Hey @Satheesh, Welcome to the GreenSock Forum. Take a look at the MorphSVGPlugin in the docs. Here is an example https://codepen.io/mikeK/pen/KORMKE Happy morphing ... Mikel

Hey @Joshua6, Welcome to the GreenSock Forum. Take a look at the plugin ScrollTrigger in the docs. Here is a similar example https://codepen.io/mikeK/pen/ZEbWoem?editors=0010 Happy tweening and scrolling ... Mikel

Hey @phernand42, You can use autoAlpha. You have set both elements in the CSS visibility: hidden. So you can show them with autoAlpha: 1. autoAlpha Identical to opacity except that when the value hits 0 the visibility property will be set to hidden in order to improve browser rendering performance and prevent clicks/interactivity on the target. When the value is anything other than 0, visibility will be set to inherit. It is not set to visible in order to honor inheritance (imagine the parent element is hidden - setting the child to visible explicitly would cause it to appear when that’s probably not what was intended). And for convenience, if the element’s visibility is initially set to hidden and opacity is 1, it will assume opacity should also start at 0. This makes it simple to start things out on your page as invisible (set your CSS visibility: hidden) and then fade them in whenever you want. https://codepen.io/mikeK/pen/poyQZqj Happy scrolling ... Mikel

Hey @CommonUser, If you need some help, please provide a minimal demo in CodePen so that we can see things in context. We'd be happy to help, but it's tough without any demo. Thanks ... Mikel

Hey @jayakannan, Please provide a minimal demo in CodePen or JSFiddle or something so that we can see things in context. We'd be happy to help, but it's tough without any demo.

Hey @jayakannan, Welcome to the GreenSock Forum. I am not sure what exactly you want to achieve. You could use timeScale to control the timing. Please note ease: 'none' (default is 'power1.out') to ensure a steady speed. https://codepen.io/mikeK/pen/MWyVELQ Happy speeding ... Mikel

Hey @ozcancelik, Welcome to the GreenSock Forum. Define a certain starting position of the ScrollTrigger. The default for type: "toggle" ScrollTriggers: "top bottom"; for type: "progress": "top center". https://codepen.io/mikeK/pen/abNGeKZ?editors=1010 Does it help? Happy twening ... Mikel

Hey @Lars Ejaas, I suspect you are not yet satisfied with the board animation. Here is a suggestion https://codepen.io/mikeK/pen/wvGjbLM Happy tweening ... Mikel