[Résolu] Donner une épaisseur à un élément en rotation 3D

Bonjour,

Tout est dans le titre : quelle technique utiliseriez-vous pour donner une impression d'épaisseur à un élément en rotation 3D ? Pas un élément cubique composé 6 côtés, juste une épaisseur.

Un exemple concret : CodePen, Mosaic

Pour un élément en 2D c'est simple : je lui ajoute un border-bottom et le tour est joué (technique utilisée dans la démo pour l'instant). Pour un élément tournant dans tous les sens c'est une autre histoire car évidement cette technique n'est plus valable (un élément trompe l'œil en 2D avec de la vraie 3D... ça l'fait pas !). J'ai pensé à chercher du côté de box-shadow, peut-être lié avec un pseudo-élément... Mais je ne suis pas sûr que mon intuition soit intéressante. Avant d'aller plus loin dans ce sens je pose la question ici, sait-on jamais...
Modifié par Olivier C (07 Apr 2016 - 10:53)

Merci SolidSnake,

À moins que quelqu'un d'autre n'ait une idée je vais combiner le code du cube full css que je viens de réaliser avec celui de la mosaïque.

Ça va pas être de la tarte, mais c'est marrant à faire...
Modifié par Olivier C (07 Apr 2016 - 11:25)

Oui c'est ce que je pensais, au niveau des performances chez moi, c'est une catastrophe