Como adicionar efeitos de transição ao passar o mouse

Aprenda a usar CSS para adicionar efeitos de transição ao passar o mouse.

Transição ao passar o mouse

A transição CSS permite que você mude suavemente os valores das propriedades ao longo de um período de tempo especificado (de um valor para outro).

Adicionar um efeito de transição ao botão ao passar o mouse (transparência e cor de fundo):

Ao passar o mouse, entrar em efeito suave:

Desvanecimento de fundo ao passar o mouse: