Skip to content

README.md

Latest commit

 

History

History
62 lines (44 loc) · 1.52 KB

README.md

File metadata and controls

62 lines (44 loc) · 1.52 KB
Raw

Projeto Satélite

Experimento visual com HTML e CSS para animar um satélite orbitando um planeta. Projeto feito para praticar design, animação e responsividade.

🚀 Sobre o Projeto

O "Satélite" é um site simples criado para aprimorar meus conhecimentos em CSS. A inspiração veio de um vídeo no TikTok. O desafio foi replicar a animação sozinho, focando em técnicas modernas de CSS e design responsivo.

✨ Tecnologias Utilizadas

  • HTML5
  • CSS3

🌀 Funcionalidade

  • Animação visual: satélite orbitando um planeta
  • Design limpo e moderno
  • Responsivo (funciona em vários dispositivos)

👀 Visualize Online

Acesse o projeto ao vivo:
https://felixfreitasjr.github.io/satelite/

🛠 Como Usar

  1. Clone este repositório: 
    git clone https://github.com/FelixFreitasJr/satelite.git
  2. Abra o arquivo index.html no seu navegador.

📄 Exemplo de Código

.planet {
  width: 30em;
  height: 30em;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 5em 0 #fed84c80, 0 0 20em 4em #e8a55233, 0 0 55em 8em #ff4ff1a;
  position: relative;
}
.satellite, .satellite::after {
  content: "";
  position: absolute;
  width: 5em;
  height: 5em;
  border-radius: 50%;
}

📬 Contato

Fique à vontade para sugerir melhorias ou tirar dúvidas:

Feito com 💫 por Felix Freitas Jr