La base d’un cube 3D:
Mettre ce cube sur un plan.
Un article pour faire un cube vraiment intéressant https://la-cascade.io/creer-un-cube-en-css/
N’hésitez pas à cliqué sur voir la démo
Par la suite:
Pour donner un effet de perspective il faut englober les cubes dans une autre div et utiliser la propriété » perspective: 2000px; »
Avec quelque transitons supplémentaires:
Ensuite nous faisons un exercice consistant à écrire DW02 en forme de cube et avec déplacement au survole.
Tous les blocs ne sont pas dans le code si dessous. Ecrire 750 lignes aurait été trop long.
Noté aussi que nous aurions pu étirer les cubes en ajoutant scale3d(4,.5,2) par exemple:
*#cube0 {
transform:translate(500px,500px)rotateZ(45deg)scale3d(4,.5,2);
}
Quand il neige et que le prof s’occupe!
Explication simplifier:
Quand on clique sur un bouton celui-ci affiche la vue correspondante
