espace

1,569 mambetov1237.b

Ouvrir dans l'éditeur Publiez votre code

Recommandé

22 August 2025

Commentaire d'espace réservé au code HTML

22 August 2025

Commentaire d'espace réservé au code HTML

12 December 2025

Faits sur l'espace : Exploration de l'univers et chronologie

HTML

CSS

body {
  margin: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: black;
}
.container {
  font-size: 10px;
  width: 40em;
  height: 40em;
  position: relative;
}
.son {
  position: absolute;
  top: 15em;
  left: 15em;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: yellow;
  box-shadow: 0 0 3em white;
}
.earth,
.moon {
  position: absolute;
  border-style: solid;
  border-color: white transparent transparent transparent;
  border-width: 0.1em 0.1em 0 0;
  border-radius: 50%;
}
.earth {
  top: 5em;
  left: 5em;
  width: 30em;
  height: 30em;
  animation: orbit 35.5 linear infinite;
}
.moon {
  top: 0;
  right: 0;
  width: 8em;
  height: 8em;
  animation: orbit 2.7s linear infinite;
}
.earth::before,
.moon::before {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.earth::before {
  top: 2.8em;
  right: 0.2em;
  width: 1.2em;
  height: 1.2em;
  background-color: silver;
}
@keyframes orbit {
  to {
    transform: rotate(360deg);
  }
}