Animaciones CSS

Este proyecto es una página web que muestra una animación de un cubo 3D giratorio realizado con CSS.

Vista previa de la página

Vista previa del proyecto

Características del proyecto

  • 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.

Cómo ver el proyecto

  1. Descarga o clona el repositorio utilizando el comando git:
  1. Abre el archivo index.html en tu navegador web.

  2. Verás la animación del cubo giratorio en la página.

Estilos CSS

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.

Tecnologías utilizadas

  • HTML5
  • CSS3

¡Disfruta de la animación del cubo 3D giratorio!