proyecto in CSS Skill Tree

Creación de una animación orbital de la Tierra con CSS

Principiante

En este proyecto, aprenderás cómo crear una animación CSS que simule la órbita de la Tierra alrededor del Sol. Este proyecto te ayudará a comprender los conceptos de las animaciones CSS y cómo aplicarlos para crear una experiencia web dinámica y visualmente atractiva.

CSS

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este proyecto, aprenderás cómo crear una animación CSS que simule la órbita de la Tierra alrededor del Sol. Este proyecto te ayudará a comprender los conceptos de las animaciones CSS y cómo aplicarlos para crear una experiencia web dinámica y visualmente atractiva.

👀 Vista previa

Animación de la Tierra orbitando alrededor del Sol

🎯 Tareas

En este proyecto, aprenderás:

  • Cómo configurar la animación para el elemento .earth-con
  • Cómo usar la regla @keyframes para la animación orbit para crear la rotación de la Tierra alrededor del centro

🏆 Logros

Después de completar este proyecto, podrás:

  • Crear una animación CSS que simule la órbita de la Tierra alrededor del Sol
  • Comprender los conceptos de las animaciones CSS y cómo aplicarlos para crear experiencias web dinámicas y visualmente atractivas
  • Coordinar múltiples propiedades CSS para lograr el efecto de animación deseado

Profesor

labby

Labby

Labby is the LabEx teacher.