Parallax Effect

Efeito parallax com JavaScript

---

Este efeito é causado pela ilusão de ótica e dá a sensação de profundidade à página, oferecendo, ao visitante, uma experiência mais imersiva.

Ferramentas e metodologias:

• Figma para o desenvolvimento do design.
• Metodologia BEM para organizar as classes.
• Media queries para responsividade.
• SASS como processador do CSS.
• Netlify para deploy.
• Photopea para tratamento das imagens.

Animações:

• usei o keyframes para animar o planeta e as estrelas do background.

CSS:

• flexbox para alinhar os elementos na tela.
• position absolute/fixed/relative para posicionar alguns elementos.

JavaScript:

• Manipulação da DOM.

Link da página:aqui