Quando eu passo o mouse por cima das molduras com os preços do serviço, parece que as coisas na tela tremem quando a fonte aumente de tamanha. Há como suavizar isso?
Solucionado
Quando eu passo o mouse por cima das molduras com os preços do serviço, parece que as coisas na tela tremem quando a fonte aumente de tamanha. Há como suavizar isso?
hoje, com a Alura e o Google Gemini
Olá bom dia!
Você pode suavizar as mudanças que você faz com o hover usando por exemplo o transition: tempodetransição. O tempo pode ser declaro em milissegundos (ms), e em segundos (s), veja o exemplo:
.produtos produtos__item:hover {
border-color: blue;
width: 30%;
transition: 1s;
}Isso irá suavizar as mudanças ao passar o mouse por cima do item, e não mudará "do nada" para o estilo inserido no hover. Mas lembre-se de que quando for colocar o tempo em ms, vai ter a seguinte estrutura: transition: 0.6ms;, sempre separando decimais com o ponto final.
Espero ter ajudado!
Perfeito! Muito obrigado!
Otimo, salvou