Как сделать, чтобы анимация hover активизировалась по факту движения курсора?

Question

[Juggie]

сейчас анимация воспроизводится даже если не двигать курсором. Главное, чтобы он нависал в пределах элемента. Я хочу чтобы анимация реализовывалась по факту движения мыши, т.е hover когда ты двинул мышку

вот

Answer 1

[Stalker_RED]

Слушать событие mousemove, сравнивать координаты с предыдущими, и отрисовывать сколько-то анимации.

Сколько именно отрисовывать - решайте сами.

Comments

[Juggie]

мне не это надо, мне не нужна анимация, воспроизводимая по мере движения курсора. Мне надо, что анимация по наведению производилась по факту движения курсора, а не просто "нависания над элементом". Типа сейчас, если поставить заглушку на триггер, исчезающую через 5сек, и не двигать курсором, анимация будет воспроизведена, т.к есть факт "нависания курсора, а мне надо, чтобы пока ты не двинул мышку в любую из сторон, анимация не воспроизводилась.

[FrelFrloich]

Отследи попадание курсора и движение по координатам в контейнере.

[Stalker_RED]

Juggie, ну и слушай mousemove на элементе, что не так?

[Stalker_RED]

Juggie, в момент наведения, если мышь не остановить на первом же пикселе, сразу сработает условие "мышь двинулись в любую сторону", и эффект толком не будет отличаться от наведения.
Возможно вы хотите сделать что-то отличное от того, что описали.