Login Animado é uma página de autenticação moderna que transforma a experiência do usuário com uma animação fluida e elegante. Ao clicar em “Se inscrever-se”, a interface realiza um efeito de flip 3D, revelando um formulário de cadastro de forma intuitiva e envolvente.
Este projeto foi desenvolvido como exercício prático a partir de uma vídeo aula, com o objetivo de aprimorar habilidades em front-end, especialmente na manipulação de animações e interatividade.
- HTML5 – Estrutura semântica e acessível
- CSS3 – Estilos avançados e animações com transformações 3D
- JavaScript (ES6+) – Manipulação do DOM e controle das transições
- Tela inicial de login com campos para e-mail/usuário e senha
- Botão “Se inscrever-se” que aciona animação de flip 3D na tela
- Exibição dinâmica do formulário de cadastro após a animação
- Interface responsiva e visualmente atraente para diferentes dispositivos
- Clone este repositório:
git clone https://github.com/becaliraa/Login-Animado- Navegue até a pasta do projeto:
cd login-animado- Abra o arquivo index.html em seu navegador preferido.
📂 Estrutura do Projeto
login-animado/
├── index.html # Estrutura da página
├── styles.css # Estilos e animações CSS
└── script.js # Controle das interações e animações via JavaScript🎯 O que aprendi com este projeto Aplicação prática de animações CSS com transformações 3D para melhorar UX
Manipulação dinâmica do DOM usando JavaScript moderno
Estruturação e organização de projetos front-end simples e eficazes
Desenvolvido com 💻 por Rebeca de Oliveira Lira
