Solucionado
Gostaria de saber se é possível fazer uma alteração na animação do botão lá no css.
Quando passamos o mouse por cima, a escala tem como referência o centro.
Queria saber se posso configurar para que, quando o mouse passasse, o botão crescesse a partir do canto inferior esquerdo.
É possível? Muito obrigado desde já.
Oi Angelo, tudo bem?
Para definir o ponto de origem de uma transição, podemos utilizar uma propriedade chamada transform-origin. Dessa maneira, podemos fazer algo do tipo:
transform-origin: left;Ou também, podemos usar algum valor em pixels, porcentagem, entre outros:
transform-origin: 100px;Espero ter ajudado, bons estudos =)
Olá Angelo, tudo bem?
Para que o botão cresça a partir do canto inferior esquerdo, você pode adicionar a propriedade transform-origin ao hover do botão, dessa forma:
.enviar:hover {
background: darkorange;
transform: scale(1.2);
transform-origin: bottom left
}Caso queira fazer alguns testes e saber mais sobre essa propriedade, segue as indicações de leitura:
Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos!