Voici un accordéon composé de capsules qui s'agrandissent et s'anime lorsque l'on clique dessus. Ce composant pourra de manière élégante remplacer par exemple un slider ou bien "compacter" différentes cartes ou bien une série de photographies.
L'animation est un moyen de donner vie à un site Web et de changer la perception qu'un visiteur a sur votre site.
L'animation est une partie importante du processus de conception de sites Web. Il peut être utilisé à diverses fins, comme fournir des informations ou attirer l'attention. Il peut également être utilisé pour la publicité et la promotion.
L'animation ne doit pas être considérée comme une réflexion après coup, mais doit plutôt être incluse dans le processus de conception Web dès le début.
Cet accordéon marche avec un petit javascript qui va lui dire d'ajouter une classe (ou de l'enlever) permettant ainsi le déploiement des capsules. Cet élargissement est possible grâce aussi à l’utilisation de la propriété "flex-grow".