Este proyecto es una página web que muestra una animación de un cubo 3D giratorio realizado con CSS.
-
La página muestra un cubo 3D que gira continuamente sobre su eje X y Y.
-
El cubo está formado por caras con colores y gradientes que generan un efecto visual interesante.
-
Se utiliza la propiedad
transform-style: preserve-3d
para lograr la ilusión de un objeto 3D. -
La animación se realiza mediante la propiedad
@keyframes
con una rotación en el eje X y Y.
- Descarga o clona el repositorio utilizando el comando git:
-
Abre el archivo
index.html
en tu navegador web. -
Verás la animación del cubo giratorio en la página.
El archivo style.css
contiene los estilos utilizados para la animación del cubo y la creación de las caras con colores y gradientes.
- HTML5
- CSS3
¡Disfruta de la animación del cubo 3D giratorio!