Como fazer - Transição ao passar o mouse
Saiba como adicionar transição ao passar o mouse com CSS.
Transição ao passar o mouse
As transições CSS permitem que você altere os valores das propriedades sem problemas (de um valor para outro), durante um determinado período.
Adicione um efeito de transição (opacidade e cor de fundo) a um botão ao passar o mouse:
Exemplo
Fade in ao passar o mouse:
Exemplo
Desvanecer o fundo ao passar o mouse:
Acesse nosso tutorial de transição de CSS para saber mais sobre transições.