Search the Community
Showing results for tags 'fade in'.
Found 2 results
-
Hi, I have following Problem. My fade in effect function but on Start it shows the last image overlap on first image. TweenLite.to("#blackimg", 0.1, {autoAlpha:0}); TweenLite.to("#blackimg", 0.1, {autoAlpha:1, delay:0}); TweenLite.to("#redimg", 1, {autoAlpha:0}); TweenLite.to("#redimg", 1, {autoAlpha:1, delay:4}); TweenLite.to("#blueimg", 1, {autoAlpha:0}); TweenLite.to("#blueimg", 1, {autoAlpha:1, delay:6}); TweenLite.to("#greenimg", 1, {autoAlpha:0,}); TweenLite.to("#greenimg", 1, {autoAlpha:1, delay:8}); Thanks
-
Hello all, I am newbie and just started to learn GSAP technology in my company. I have asked to create this effect using GSAP. I tried my best to find scrollTop of current message and fail to apply autoAlpha on it. Will you just check both images and can someone tell me how can I create fadein and fadeout effect scrolling up and down. I want to show current message with opacity 1 and last message with 0.5 and last second message 0.25 and so on. And when I scroll down messages opacity should change as per scroll. Please need someone early help to achieve this. Thanks in advance.
