Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Elementos da página "tremem"

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?

3 respostas
solução!

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

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