projet in CSS Skill Tree

Création d'une animation de l'orbite terrestre avec CSS

Débutant

Dans ce projet, vous apprendrez à créer une animation CSS qui simule l'orbite de la Terre autour du Soleil. Ce projet vous aidera à comprendre les concepts des animations CSS et à les appliquer pour créer une expérience web dynamique et visuellement attrayante.

CSS

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce projet, vous apprendrez à créer une animation CSS qui simule l'orbite de la Terre autour du Soleil. Ce projet vous aidera à comprendre les concepts des animations CSS et à les appliquer pour créer une expérience web dynamique et visuellement attrayante.

👀 Aperçu

Animation de la Terre en orbite autour du Soleil

🎯 Tâches

Dans ce projet, vous apprendrez :

  • Comment configurer l'animation pour l'élément .earth-con
  • Comment utiliser la règle @keyframes pour l'animation orbit afin de créer la rotation de la Terre autour du centre

🏆 Réalisations

Après avoir terminé ce projet, vous serez en mesure de :

  • Créer une animation CSS qui simule l'orbite de la Terre autour du Soleil
  • Comprendre les concepts des animations CSS et savoir les appliquer pour créer des expériences web dynamiques et visuellement attrayantes
  • Coordonner plusieurs propriétés CSS pour obtenir l'effet d'animation souhaité

Enseignant

labby

Labby

Labby is the LabEx teacher.