Voici une animation un peu spéciale car elle n'a à proprement dit qu'un aspect décoratif. L'utilité de cet exercice de style est de pouvoir démontrer qu'avec un petit peu d'imagination, on peut effectuer un motion design un peu étonnant.
Les animations pour un site internet vous permettent de donner vie et de changer la perception qu'un visiteur a sur votre site. Les animations peuvent être utilisées pour promouvoir un produit, annoncer un service ou même simplement pour attirer l'attention. Ils peuvent également être utilisés comme alternative au streaming vidéo en direct.
Dans le monde de l'animation, il existe deux types d'animations différents : les animations 2D et 3D. La différence entre les deux est que la 2D est plate et la 3D est tridimensionnelle.
Les animations 2D sont plus courantes dans la conception de sites Web, car elles sont plus faciles à créer et ont moins d'impact sur le temps de chargement d'un site Web.
Les animations 3D sont plus chères car elles nécessitent plus de travail mais elles ont l'air beaucoup plus fluides que leurs homologues 2D.
L'animation est fait uniquement en CSS, c'est le bouton on/off qui a demandé un javascript afin de donner une fonction à chaque position. Le CSS demandera un peu de travail afin de positionner correctement chacune des 6 faces de ce cube en 3D.