Vídeo tutorial: adicione animações de hover aos seus banners no Figma

Este vídeo mostra como adicionar animações de hover aos seus banners com o plugin Bannerify.

Para adicionar um estado de hover animado (nas exportações HTML) a qualquer camada da linha do tempo, ative a opção Add Hover e selecione uma animação de hover no menu suspenso que aparece. Para repetir a animação, ative a opção Loop. Para ajustar a velocidade da animação de hover, arraste o fim da barra de tempo do hover.

Para ver como a animação fica, passe o mouse sobre a camada na janela de pré-visualização do Bannerify.

Aplicar uma animação de hover a várias camadas. Você também pode aplicar uma animação de hover em massa a várias camadas usando o recurso de aplicação em massa.

Adicionar estados de hover com transição

Se você quer fazer a transição entre dois estados diferentes (por exemplo, mudar as cores de um botão de CTA quando o mouse passa sobre ele), crie uma camada para o estado de “hover”, coloque-a acima da camada original e aplique a ela o estado de hover de entrada, para que ela apareça com uma transição sempre que o mouse passar sobre o elemento.