#11107

Hiding elements and CSS animations | Rhumaric, pixel distiller

Oh, sympa, les astuces pour supprimer des éléments d’une page en HTML.

J’aime particulièrement celle-ci : http://jsbin.com/ezUnIFu/10/edit?html,css,js,output

Ce que ça fait, c’est que ça ajoute une classe CSS au nœud HTML à supprimer. Le CSS contient une animation. En JS on détecte l’événement "animationend" (avec les event-listeners) qui correspond à la fin de l’animation.
À la fin de l’animation, on supprime le nœud.

Ça éviter de voir le nœud se supprimer sans aucune transition. C’est remarquable.
http://rhumaric.com/2013/12/hiding-elements-and-css-animations/