[CSS] transform: translate

[joaohenrique010 0]

Olá! Eu sou um iniciante em linguagens de programação, criei minha conta hoje aqui no fórum iMasters e estou com uma dúvida: quero realizar um "transform: translate" somente caso um formulário seja validado. Há uma div centralizada que abriga um fórmulário de registro. Caso o registro seja realizado com sucesso, após apertar no botão submit "Sign UP" quero que essa div centralizada vá para a esquerda com uma transição suave. O máximo que consegui fazer foi algo como ".nomedadiv:hover { transition: translate(-40%, 0%);}". Quero que a condição para que a div mova-se à esquerda seja a validação de um fórmulário após apertar um botão submit (Sign UP), e não que essa condição seja passar o mouse em cima (hover), pois isso eu já sei fazer e não me interessa. Obrigado!

[William Bruno 1501]

Vc vai precisar de javascript para isso.

 

Quando ouvir o evento onsubmit, vc coloca uma classe no form q faz a transição que vc quer.