# Adicione animações ao seu Genially

> Dê vida aos seus conteúdos por meio da aplicação de diferentes efeitos de movimento em apenas alguns cliques Criações que engajam e atraem todos os olhares   

Source: https://help.genially.com/pt_br/adicione-animacoes-ao-seu-genially-HJMHcDrni

Last updated: 2025-10-08T18:49:16.516Z

Dê vida aos seus conteúdos por meio da aplicação de diferentes efeitos de movimento em apenas alguns cliques. Criações que engajam e atraem todos os olhares.

  

Neste tutorial, mostraremos:

*   Os tipos de animações;
    
*   Como aplicar animações a um elemento;
    
*   Os aspectos de uma animação que você pode personalizar;
    
*   Como copiar e colar a animação de um elemento em outro;
    
*   Como saber se um elemento já possui efeitos de animação aplicados;
    
*   Como eliminar uma ou todas as animações de um elemento.
    

  

## **Os tipos de animações**

Para ver os tipos de animações que podem ser aplicadas, clique em qualquer elemento da criação e depois no ícone de animação que será exibido logo acima. Depois disso, do lado direito da tela, uma aba com todas as opções de animação será exibida.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/767b6b1b5f5c28bb3e2f72969d0b9f46.png)

Existem diferentes tipos de animação:

*   **Entrada**: o efeito de animação se reproduz quando o elemento aparece na tela.
*   **Saída**: a animação se reproduz antes que o elemento desapareça da tela.  Esse tipo de animação pode ser utilizada para retirar recursos quando sua intenção é que sejam vistos por um tempo determinado.
*   **Contínuo**: se reproduz durante todo o momento que o elemento é exibido em tela, até que o usuário passe a página.  Utilizada para mostrar os elementos do genially que têm interatividade.
*   **Passa o mouse em cima**: ativada quando o usuário passa o mouse sobre o elemento. Permite esconder e mostrar elementos. É possível fazer que um elemento só fique visível enquanto alguém interage com ele.
*   **Animação ao clicar:** é ativada apenas quando o usuário clica no elemento. É útil para destacar ações ou interações específicas dentro do canvas, já que exige uma ação direta do espectador. Você pode usá-la, por exemplo, para animar botões ou áreas interativas e guiar o seu público passo a passo.

  

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/4de1cd2c6550d976e6b0d6b7ca5abd14.png)

## **Os aspectos de uma animação que podem ser personalizados**

Estes são os aspectos personalizáveis de uma animação:

*   **A direção**: para definir em que sentido o elemento se moverá. Ele pode permanecer onde está ou mover-se no sentido horizontal ou vertical.
*   **O efeito**: escolha entre muitos estilos de animação. Os efeitos disponíveis variam de acordo com a direção escolhida. Passe o mouse sobre cada opção para visualizar a animação na tela de criação, assim fica muito mais fácil escolher!
*   **O início**: para determinar o momento em que uma animação se ativa depois que o elemento apareça na tela, você deve editá-la;Editar o início do efeito permite opções muito úteis. Por exemplo, a ordem de entrada dos elementos de um genially.
*   **A velocidade**: determine se a animação vai se reproduzir de forma mais rápida ou mais lenta. A velocidade mínima é de 4 segundos e a máxima é de 0,5 segundos.

**DICA**: para melhores resultados, sempre escolha a direção da animação antes do efeito, pois cada tipo de direção dispõe de efeitos diferentes.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/3ed9c2f8413af69e69dd84ee2df2763f.png)