holy.sd - Perspective en CSS3 : un cube isométrique

#05 - Cube isométrique { 3D 100% CSS }

Objectif	La 3D par transformations CSS
Outil(s)	CSS3
Interactivité	Le contenu reste éditable
Compatibilité	3.6+ 4+ 6+ 10.5+
Source originale	-

Cube isométrique : transformations 3D par les CSS
(sans images)

CUBE (nom masculin - latin cubus): Parallélépipède rectangle dont les 6 faces sont isométriques, ainsi que les 12 arêtes. (Il a 8 sommets.) (Larousse)

Démo

On commence à trouver des exemples de cubes isométriques un peu partout sur la toile. Mais il fallait 'absolument' que j'essaie par moi-même, uniquement par les CSS3, les dégradés, les transformations...

Note : ne fonctionne pas sur Internet Explorer.

CV EN LIGNE

holy.sd - Perspective en CSS3 : un cube isométrique

Cube isométrique : transformations 3D par les CSS (sans images)

Cube isométrique : transformations 3D par les CSS
(sans images)