> ## Documentation Index > Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt > Use this file to discover all available pages before exploring further. # Animações > Edita movimentos de logotipo, entradas de cartões, efeitos de pair e instalador de esqueletos. Página Creative **Animações** abra a parte para movimentos de logotipo **Animações de Logo**for cartão e comportamento de carga **Animações de Conteúdo** use o editor. ## Ajuste a altura e o movimento do logotipo **Animação do Logo** Mude de movimento e feche. **Logo Altura (px)** Campo **32–300** Defina o tamanho do logotipo na tela, inserindo um valor entre. [Logo](https://docs.zonely.gen.tr/pt-BR/guides/page-builder/logo.md) Vá para a seção. [![Logo animation, Layer Insert, Layer settings, Reduce movement](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/11-logo-animasyon-pt-BR.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=d2ec6378c748212064dcbf41ee58fd98)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/11-logo-animasyon-pt-BR.png) > [card] Animação do logotipo > > Abra o movimento do logotipo e ajuste a altura separadamente. > [card] 2. Camada Inserir > > Você pode usar um movimento diferente e modo de trabalho em cada camada. > [card] 3. Ajustes de camadas > > Selecione tipo, tempo, atraso e modo. > [card] 4. Reduzir movimento. > > Use ajuste de movimento reduzido para um olhar mais silencioso. **Adicione Camada** Adicione um movimento com o botão sua camada **Gênero**, **Duração**, **Atraso** e **Casa** preencham os campos tempo e atraso são milissegundos; **1000 ms, 1 segundo** Há movimentos como salto, balanço, pulso, inalação, escorregar, zoom, flipping, entrada turva e brilho na lista de tipos. **Replay Preview** Aperte o botão, e adicione a segunda camada, se necessário. **Introdução** para movimentos iniciais, as camadas **Consecutivo.** são tocadas em ordem, **Fio infinito** usadas para camadas que se repetirão após o início, e o modo **Sai.** não é acionado por si mesmo na visualização atual do logo. **Up / Down** muda a sequência de botões, **Apagar** remove essa camada, **Movimento Azalt** pode parar o movimento na pré-visualização com a opção, a escolha de mobilidade reduzida do dispositivo também é considerada. ## Prepare a animação de entrada das cartas **Animações de Conteúdo** janela **Animações** abrir a chave. [![Trigger, Time and ranking, Visibility threshold, Motion curve](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/12-icerik-animasyon-pt-BR.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=9da9da23dbfb7d0dbd96d3d37a9db999)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/12-icerik-animasyon-pt-BR.png) > [card] -Atire. > > A página de movimento começa a carregar ou entrar na área visível do cartão. > [card] 2. Tempo e classificação > > O comprimento do movimento é: espere entre as filas atrasar as cartas. > [card] 3. Limite de visibilidade. > > O valor de 0-1 determina a taxa de cartas que devem aparecer. > [card] Curva de movimento 4. > > Selecione uma das curvas prontas ou edite um valor mais fácil. **Gênero** Selecione a área de Soluk, Up Kay, Direita, Fechar ou Traduzir **Trigger**, movimento **Quando a página se carrega** ou cartão **Quando você entra no campo de visão** determina o que começar. * **Filtro de direção:** é a condição de trabalho quando se desliza para baixo ou desliza em qualquer direção. * **Só uma vez.** O movimento limita com uma jogada. * **Esconda-se quando sair da tela:** determina o comportamento do cartão fora da área visível. * **Duração:** O comprimento do movimento é; **100-2000 ms** conjunto entre. * **Atraso Inline:** pelo tempo entre o fundo das cartas, faixa **0-500 ms**. * **Etiquetas:**, quanto cartão deve ser visto, **0–1**, uma taxa é registrada, **0,15**, significa cerca de 15%. * **Começar de:** Iniciar distância **0–400 px** configurações entre. **Hora** Selecione a curva suave, padrão, dinâmica, mola, rápida ou linear da seção. **Vista ao vivo** Veja o resultado no campo. ## Selecione o efeito de vir em cartas **Sobre a Noiva** Opção abre efeito de suspensão. **Remova**, **Sombra** Ou **Deslize** Selecione um dos tipos. **Hover Close** Verifiquem a opção juntos. [![Onward effect, Tilt behaviour, Scale and duration](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/13-hover-efektleri-pt-BR.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=ad50a7d00a059a4dfc80e4269a1a2cf2)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/13-hover-efektleri-pt-BR.png) > [card] O efeito de vir em > > Selecione uma das vistas Remover, Sombra ou Inclinar. > [card] Comportamento de inclinação > > Use o cursor de rastreamento ou modo de ângulo fixo. > [card] 3. Escala e tempo. > > Defina o tempo de crescimento e movimento do cartão separadamente. Se você está usando a inclinação **Seguindo o cursor** para ser ligado pelo mouse, **Ângulo fixo** Mantenha-o em uma certa inclinação com ele. **Poder de Inclinação** densidade da inclinação, **Z Return** retorno, **Cartas quebram Zikzak** ajusta o uso alternativo das rotações. **Ampliação** escala de cartão, **Duração** determina o comprimento da passagem. ## Coloque o carregador de andaimes **Carregador de andaimes**O conteúdo é o lugar que os possui que aparecem quando se preparam. **Em Fotos** e **Textos** Selecione qual conteúdo é usado com suas seleções. [![Carregador de andaimes, imagem e texto, vista Shimmer](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-pt-BR.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=4f76129dbca89bc696b15352f89e0217)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-pt-BR.png) > [card] Carregador de andaimes > > Abra e feche as pegas de terra mostradas quando o conteúdo é preparado. > [card] Visual e texto. > > Selecione qual o conteúdo dos suportes de terra são usados. > [card] Vista Brilho > > Configurar o raio de canto e a duração da faísca. **Efeito Brilho** Abra e feche o movimento. **Raio de canto** forma do suporte espacial, **Hora da vidraça** Ajusta a velocidade do movimento. Verifique e feche a janela e **Salvem tudo** Pressione o botão, verifique a primeira abertura, baixo/lote de rolagem e as interações de cartão na página do usuário. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.