espaço

731 mambetov1237.b

Abrir no Editor Publique Seu Código

Recomendado

22 August 2025

Comentário de espaço reservado para código HTML

22 August 2025

Comentário de espaço reservado para código HTML

22 August 2025

Comentário de espaço reservado para código HTML

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);
  }
}

Recomendado

Comentário de espaço reservado para código HTML

Comentário de espaço reservado para código HTML

Comentário de espaço reservado para código HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS