Quando você usa a função .animate () do jQuery com algo como um evento hover, essas animações vão “enfileirar”. Ou seja, se você passar o mouse várias vezes, a animação será disparada várias vezes. O método clássico para evitar isso é inserir um .stop () antes da animação, mas acho isso abrupto e não ideal, porque impede que a animação complete um ciclo completo. Neste screencast, veremos algumas tentativas de resolver isso e, por fim, usar um plugin que faz um ótimo trabalho.
Links do vídeo:
- Artigo original escrito com demonstrações
- plugin hoverFlow
- Demonstração final do screencast