As animações do site podem ser usadas para adicionar efeitos visuais durante o carregamento da página, como fade in, fade out, redução de escala e outros. Isso adicionará um toque especial ao seu site quando o usuário rolar as páginas.
Você pode selecionar diferentes estilos de animação para diferentes elementos do seu site.
Neste artigo:
Editar animação do site
As animações podem tornar um site visualmente interessante e dar vida a todos os elementos presentes no site. Eles criam uma experiência mais envolvente e imersiva para os usuários.
- De Painel de controle (1) do estúdio, clique no Design (2) seção.
- Clique no Animação (3) opção.
Aqui, você verá todas as configurações disponíveis para gerenciar e personalizar animações para os elementos do seu site.
- Por padrão, o Deslize para cima animação será aplicada em todo o site.
- Selecionar nenhum se você quiser desabilitar as animações.
Diferentes elementos do site
O Pixpa permite que você aplique animações aos seguintes elementos do seu site:
- imagens: Adicione movimento às suas imagens para chamar a atenção dos visitantes.
- Título H1: Use animações para destacar os títulos principais.
- Títulos H2: Anime subtítulos ou títulos menores para melhorar o fluxo do seu conteúdo.
- Texto: Dê vida ao seu conteúdo animando parágrafos e descrições.
- Botões: Destaque seus botões de chamada para ação com efeitos atraentes.
Não deixe de clicar em Publicar (6) botão para salvar todas as alterações e torná-las ativas no site.
Estilos de animação
- Aparecimento gradual - Revela gradualmente os elementos aumentando sua opacidade de transparente para opaco.
- Deslize para cima - Movimento suave de elementos na tela de uma posição inferior para uma posição superior.
- Ampliar – Aumenta gradualmente o tamanho ou a escala de um elemento.
- Diminuir gradativamente - Diminui gradualmente o tamanho ou a escala de um elemento.
- Revelar – Gradualmente desvelando ou revelando os elementos na tela.
Selecionar nenhum para desabilitar a animação daquele elemento específico.
Animação de velocidade
A taxa na qual uma animação transita de um estado para outro. Ele determina com que rapidez ou lentidão as alterações animadas ocorrem na tela.
Há três opções para escolher: Lento, Médio e Rápido.
Se você estiver usando um modelo antigo, talvez não veja a opção Animação. Você precisa mudar o site para um novo modelo. Saber Mais
Confira a animação Slide Up ao vivo em ação:
