Jump to content
GreenSock

AsKadir

Mousemove event isn't working properly

Recommended Posts

Hi!

I have some problem with mousemove event,

so when mouse inside of the div that I attached event

all tween working, but if inside of div cross its element,

animation starts to retrigger.

You can see this when you mousemove inside div and then hover over text.

If I remove time animation, there is no problem.

What am I doing wrong?

 

Sorry for my English.

 

Thanks in advance.

See the Pen abzqXOv by ChicagoJostik (@ChicagoJostik) on CodePen

Link to comment
Share on other sites

1 hour ago, GreenSock said:

Your mouseout is triggering and you didn't tell your tweens to overwrite, so you're creating a ton of conflicting tweens. I assume this is what you wanted, right?:

 

 

 

Happy tweening!

So fast answer!

Thanks!!!

I can't find property overwrite in docs?

Can you give me the link?

Link to comment
Share on other sites

2 hours ago, AslanGoi said:

I can't find property overwrite in docs?

Can you give me the link?

It's mentioned on probably at least 8 different pages in the docs :)- here's one: https://greensock.com/docs/v3/GSAP/gsap.to()

 

Happy tweening!

  • Thanks 1
  • Haha 1
Link to comment
Share on other sites

You are the best!

Sorry for disturbing you.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×