Como faço para que quando houver hover no elemento li o rodapé não se mexa. Pois toda a vez que o elemento muda a fonte ele empurra o rodapé.
Como faço para que quando houver hover no elemento li o rodapé não se mexa. Pois toda a vez que o elemento muda a fonte ele empurra o rodapé.
hoje, com a Alura e o Google Gemini
Oi, Joao, tudo bem?
Segue uma alternativa de solução para esse comportamento:
.produtos li:hover h2 {
transform: scale(1.13);
}Teste e me fala se deu certo :}
Sim, muito melhor. Por que isso ocorre ? o scale não redimensiona a box de conteúdo ? Ou ele faz, mas redimensiona toda a estrutura ?
Oi, Joao, tudo bem?
A propriedade transform muda um espaço coordenado usando valores que podem ser rotacionados, ajustando o seu tamanho, inclinado, etc. O scale não adiciona espaçamento ao elemento, mas ele redimensiona um elemento no plano 2D em seu eixo.