mcode

Hello again! OSU blake i have add sections above section with animation and nothing works well. You can see the markers loss the position. I cant find the problem caused that! I have made a copy from your codepen. https://codepen.io/gtara/pen/vYWmJYw Can you help me? Thanks in advanced!

Yes! Thanks so much OSU blake, you are a hero! ? I really I appreciate it!!

I've tried to add the function () => like you said, but it doesn't work. Can you check again the codepen if I am missing something? I have already save the changes. Thanks in advance!

Hi Osublake!, Thanks for the quick answer! As I understand the class "tt-scroll__title" not update the correct values on window resize. Am I right.. or am I missing something else? I have created a new window Resize function to recalculate the "this.titleWidth" but the problem still occurs. Can you please give me an example on how I can update those values? Thanks in advance!

Hi to everyone, I would like your help for an animation on window resize. I am struggling to fix the issue with no luck so far. The problem occur when I have the screen size at 900px and the text lines starting to reveal, if I resize the window the scrollTrigger not recalculate the values. I am using "rem values" in the whole website so it's important to not use "pixels". Maybe this causes the problem... I don't know. I will appreciate it, if anyone can give me a good advice or give me an example how to implement the same animation in a different way. Thanks in advance,

Thanks for your time!

Using the lerp function you have a better control of the animation with the mouse move. At your example if you try to increase the duration to 1, and move fast the mouse over the title, you will see that's not working. Also the above codepen have a problem, when moving left-right fast. The skew does't work well with mouse position. I can't understand why on mouse leave the lerp works fine(At the first example).. Thanks for your answer, I appreciate it!

Hi, thanks for the above information! I will check them out. My main goal is to have a nice transition onmousenter as onmouseleave. If you try from left or right to hover the title you will see the title to skewX suddenly and not smoothly. That's because onmousenter the "Lerp" doesn't works correctly. If you inpect the class "project__holder-title", onmousenter and on mouseleave you'll understand what I' am saying.

Hi to everyone, I am trying to make an skewX effect with Gsap and mouse move. I want to use the Linear Interpolation function in order to have transition on timeline progress. As you can see in the codepen demo, onmousenter the effect doesn't have any transition because the Lerp fuction doesn't work well. On mouseleave works fine. Can anyone help me?