form-animate-css-js
Formulário animado com JS puro e CSS Animation
Desafios
- 1 - Fazer o formulário aparecer, suavemente, quando a página abrir.
- 2 - Fazer os campos aparecerem da esquerda para direita, suavizando a entrada e fazendo-os entrar em momentos distintos.
- 3 - Quando clicar em Login, fazer o formulário sair da tela, indo para baixo.
- 4 - Remover o formulário do html e não mostrar a barra de rolagem enquando o formulário está saindo da tela.
- 5 - Adicionar um efeito diferente de timing para a saída do formulário.
- 6 - Fazer o formulário vibrar caso haja campos vazios.
- 7- Criar alguns quadrados animados (que fiquem girando) e que saem de baixo da tela (fora do campo de visão) e vão para cima da tela (que saia do campo de visão também). Detalhes: Deve ter tamanhos diferentes, sairem em momentos diferentes, terem timing diferente, animação contínua.