header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Wix Studio, Parceiros e empresas
  3. Wix Studio
  4. Use o Editor do Wix Studio
  5. Adicione efeitos e animações
  6. Editor do Wix Studio: adicionar uma animação de entrada

Editor do Wix Studio: adicionar uma animação de entrada

Neste artigo
  • Adicionar uma animação de entrada
  • Personalizar uma animação de entrada
  • Remover uma animação de entrada
Adicionar uma animação de entrada a um elemento é uma ótima maneira de chamar a atenção dos visitantes para ele. A animação aparece quando o elemento aparece pela primeira vez, então chama a atenção instantaneamente. Existem muitos tipos para você escolher e personalizar de acordo com o que o seu cliente deseja.
Exemplo de uma seção em um site online, cada elemento com sua própria animação de entrada

Adicionar uma animação de entrada

Você pode adicionar uma animação de entrada a elementos e seções específicos ou à página do site como um todo.

Para adicionar uma animação de entrada:

  1. Selecione o elemento relevante.
  2. Clique no ícone Abrir inspetor  no canto superior direito do editor.
Uma captura de tela do painel Inspetor no Editor do Wix Studio.
  1. Clique na aba Animações e efeitos .
  2. Clique em + Adicionar em Entrar.
  3. Selecione uma animação da lista.
    Dica: passe o mouse sobre as animações para ver como elas ficam. 
  4. (Opcional) Clique em Ajustar animação na parte inferior para personalizar configurações como direção, atraso e duração.
Um GIF mostrando que ao passar o mouse sobre os tipos de animação, uma prévia é mostrada

Personalizar uma animação de entrada

Depois de escolher uma animação, configure-a para se comportar da maneira que você deseja. Escolha quanto tempo dura a animação, quando começa, sua intensidade e mais. 

Para personalizar uma animação de entrada:

  1. Selecione o elemento, seção ou página relevante.
  2. Clique no ícone Abrir inspetor  no canto superior direito do editor.
Uma captura de tela do painel Inspetor no Editor do Wix Studio.
  1. Clique na aba Animações e efeitos .
  2. Clique na animação que você deseja alterar. 
  3. Clique em Ajustar animação para alterar suas configurações:
    • Direção: decida de qual direção a animação deve vir.
      Dica: dependendo do tipo de animação, você pode definir a direção em graus (por exemplo: 180°) ou escolher uma opção no menu dropdown (por exemplo: da esquerda para a direita, no sentido horário). 
    • Duração: altere a duração da animação.
    • Atraso: defina quanto tempo deve passar entre o carregamento da página e o início da animação. 
    • Easing: escolha a forma gradual com que a animação deve aparecer e/ou desaparecer. 
Observação:
As opções de personalização disponíveis dependem da animação que você escolher.
Uma captura de tela mostrando as configurações disponíveis ao personalizar uma animação de entrada Mostrar

Remover uma animação de entrada

Você pode remover uma animação de entrada a qualquer momento no painel Inspetor. 

Para remover uma animação de entrada:

  1. Selecione o elemento relevante.
  2. Clique no ícone Abrir inspetor  no canto superior direito do editor.
Uma captura de tela do painel Inspetor no Editor do Wix Studio.
  1. Clique na aba Animações e efeitos .
  2. Passe o mouse sobre a animação e clique no ícone Mais ações .
  3. Clique em Remover.
Uma captura de tela mostrando como selecionar uma animação no Inspetor e removê-la

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Adicionar uma animação de entrada
  • Personalizar uma animação de entrada
  • Remover uma animação de entrada

Esse artigo foi útil?

|