Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Duvida Transition

Oi pessoal, tudo bem?

Porque o transition não fica dentro do hover?

1 resposta
solução!

Oi Aline a propriedade transition CSS prove uma forma de controlar a velocidade de uma animação quando há mudanças de propriedades CSS.

Se aplicarmos no .enviar assim que a página for carregada as propriedades serão aplicadas gradualmente conforme o tempo estipulado na propriedade e elas voltarão a forma normal gradualmente também, mas se colocarmos no hover essas propriedades só serão carregadas durante o tempo que estivermos com o mouse sobre o botão enviar, e tão logo retirarmos o mouse as propriedades voltam ao padrão abruptamente.

Ou seja dependendo da nossa necessidade podemos escolher um ou outro estilo.

No caso de ficar no hover se eu colocar um tempo de 3s por exemplo e retirar o mouse de cima em 2s teremos uma animação cancelada abruptamente, já no caso de ficar no botão não.

Se você quiser saber mais sobre animações eu estou enviando aqui um página da documentação que fala e exemplifica sobre a completude das transições.

Using CSS transitions

Espero ter ajudado e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software