Stopper une animation en cas de redimensionnement de la fenêtre

ACCEDER AU SITE
3180
Stopper une animation en cas de redimensionnement de la fenêtre

Désactiver les animations au resize de la fenêtre

Imaginons que vous ayez une page comportant de nombreuses animations et transitions. Certaines d'entre elles se déclenchent à nouveau lorsque vous redimensionnez votre fenêtre. Cela peut, par exemple, être le cas lorsque l'animation est liée à une certaine position sur la page, un padding particulier, etc.

Si ces transitions ou animations n'ont pas pour vocation d'être déclenchées plusieurs fois, il est possible de les désactiver au bon moment.

L'astuce est d'appliquer une classe qui désactive toutes les transitions et animations au resize de la fenêtre. A découvrir dans cette veille technique. 

Popularité de cette veille
?

3180

Source : css-tricks.com