Hiding elements and CSS animations | Rhumaric, pixel distiller
jeudi 20 novembre 2014 à 19:17le hollandais volant 20/11/2014
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.
— (permalink)
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.
— (permalink)