I need the marquee to increase its speed from the position the mouse is hovered on it. But in my case, it starts from a different position when the mouse is hovered. Please Help!
CODE
HTML
<div class="marquee">
<div class="marquee-inner">
<div class="marquee-part">
Technology Redefined
<div class="shape"></div>
</div>
<div cl
Hi,
You should definitely look into using the Horizontal Loop helper function and animate the timescale of the GSAP Timeline it returns:
https://gsap.com/docs/v3/HelperFunctions/helpers/seamlessLoop
Here is a simple demo:
See the Pen YzgKyWQ by GreenSock (@GreenSock) on CodePen.
Hopefully this helps.
Happy Tweening!