Criando a Animação Orbital da Terra com CSS

Introdução

Neste projeto, você aprenderá como criar uma animação CSS que simula a órbita da Terra ao redor do Sol. Este projeto o ajudará a entender os conceitos de animações CSS e como aplicá-los para criar uma experiência web dinâmica e visualmente envolvente.

👀 Pré-visualização

🎯 Tarefas

Neste projeto, você aprenderá:

• Como configurar a animação para o elemento .earth-con
• Como usar o @keyframes para a animação orbit para criar a rotação da Terra ao redor do centro

🏆 Conquistas

Após concluir este projeto, você será capaz de:

• Criar uma animação CSS que simula a órbita da Terra ao redor do Sol
• Entender os conceitos de animações CSS e como aplicá-los para criar experiências web dinâmicas e visualmente envolventes
• Coordenar múltiplas propriedades CSS para alcançar o efeito de animação desejado