Reto de animación CSS

La animación y representación 3D es una de las características más llamativas de CSS. En este reto buscamos darle el mejor acabado posible.

En el código que te proporcionamos a continuación, y que puedes ver aquí, encontrarás una representación de unos cubos en 3D, representados mediante CSS. Mediante los botones incluídos puedes ver distintas transiciones, redimensionados y giros en estos cubos.
Como podrás comprobar, la animación es fluída pero la representación está lejos de ser perfecta, puesto que la perspectiva no es totalmente realista.

¿Cómo mejorarías la experiencia de visualización?

Mediante el enlace de abajo puedes descargar el ZIP con el contenido del reto, para que puedas modificarlo a tu gusto.

Ten en cuenta que el código que te proporcionamos es solamente un punto de partida, pero puedes resolver el reto de la forma que creas más conveniente, ya sea aprovechando el código en su totalidad, en parte o descartándolo y realizándolo de cero.


¿Te atreves a superar el reto?


Adjunta un zip con tu solución al reto.