Visão geral #

A Lottie é baseado em JSON animação formato de arquivo que permite aos usuários mostrar animações. O Lottie Animação ferramenta permite que você adicione animações de alta qualidade ao seu site. Basta clicar e arrastar o Lottie Animação ferramenta em seu site. Aqui está um artigo abrangente para explicar cada método em detalhes. Siga o processo passo a passo para conectar o Lottie Animação.

Passo->1: Adicionar Lottie #

• Vá para Kit de elementos-> Elementos-> Certifique-se de que sua Lottie está ativa-> Salvar Mudanças.

• Clique na área selecionada.

• Vá para Seções=> Clique em Inserir.

• Você pode ver que o estilo de animação selecionado está sendo exibido.

• Agora procure por Lottie-> Arrastar o widget-> Derrubar na área selecionada.

Passo->2: Personalizar Lottie  #

• Clique no texto selecionado “Animações de Lottie“.
• A partir daqui você pode baixar seu arquivo de animação Lottie.

• Para baixar este arquivo, basta clicar na animação.

• Vá para Transferências=> Clique em Lottie JSON.

• Agora carregue o Arquivo JSON da área selecionada.

• Agora você pode ver a animação da Lottie enviada.

• Agora Habilitar a opção Vincular.
• Fornecer Link.
• Habilitar Opção reversa.
• Você pode ver que sua animação está sendo exibida na ordem inversa e, se clicar nela, você será redirecionado para o local exato.

• Habilitar Reprodução automática.
• Você pode ver que a animação está sendo reproduzida automaticamente.
• Habilitar Comece quando estiver visível.
• Quando você ativa o início quando visível, a animação começará a jogar somente quando estiver visível.

• Habilitar Laço: A animação será reproduzida sempre e nunca parará.
• Ao controle Contagem de loops: se você fornecer a contagem 1, a animação será reproduzida apenas uma vez.
• Ao controle Velocidade: torna a animação mais lenta ou mais rápida.

• Selecione o tipo de renderização: SVG ou tela.
• Selecione Animação ao passar o mouse: Reproduzir, pausar ou reverter.
• Se você selecionar a opção de reprodução, a animação será reproduzida ao passar o mouse.
• Se você selecionar pausa, a animação irá parar de ser reproduzida ao passar o mouse.
• Se você selecionar reverso, o animação será reproduzido na ordem inversa após passar o mouse.
• Quando terminar, clique em atualizar.