Tofa_101

I cannot thank you both enough @PointC and @Visual-Q, This community has given me a great first impression and going through other threads I can see how helpful the community is. You both have solved my issue and give me knowledge. Thanks guys I really appreciate it am looking forward to learning so much more.

Wow Thanks @PointC and @Visual-Q, Such quick responses both have cleared my first issue. Looking forward to learning more after just a small test just seeing such smooth transition and animations I never want to look at another timeline with keyframes again! My only concern now is if the viewer/user has already mouse entered it will not register that and play the animation unless they leave and reenter. Is there a way also to detect if the mouse has already entered and if so to play the mouseenter function? Thanks, Chris

Hi all, I am very new to hand coding and using GSAP and have just got the hang of the basic principles of the tweens and timelines. My problem is I would like to animate a half background during the timeline and after its completed add a mouseenter that animates the same background to the full height. The issue is if the mouse enters before it gets to the timeline it animates the background in, it breaks the mouseenter and does not behave as it should. To replicate check the codepen. Mouseenter before the black half background animates in and it will complete the whole mouseenter function. To see the desired result. Refresh the codepen and do not mouseenter until the black half background animates in. Then mouseenter. Is there a way I can a. add the mouseenter mouseleave functions after a certain point in a timeline? b. use a check else if statement to see if mouse has already entered and still has not left play the rest of the mouseenter animation ? Sorry this is my first post so hope this information and the pen makes sense. Thanks for any advice or help in advance, Chris