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: animações disponíveis por elemento

Editor do Wix Studio: animações disponíveis por elemento

A tabela abaixo fornece uma visão geral detalhada das animações e efeitos disponíveis para cada elemento, para que você possa criar designs dinâmicos e interativos com facilidade.
ElementoAnimações disponíveis
Sanfona
Entrada
Menu âncora
Hover
Player de áudio
Entrada
Forma básica
Todos os tipos de animação
Botão
Todos os tipos de animação
Texto recolhível
Entrada, hover, mouse
Contêiner
Todos os tipos de animação
Rodapé
Hover, clique, rolagem
Caixa flexível (pai e itens) 
Todos os tipos de animação, exceto loop
Célula de grade
Todos os tipos de animação, exceto mouse
Ícone do menu hambúrguer
Entrada
Cabeçalho
Hover, clique, rolagem
Menu horizontal
Entrada, hover
Imagem
Todos os tipos de animação
Campos de entrada
Entrada
Janela
Entrada
Linha (horizontal e vertical)
Todos os tipos de animação
Lottie
Entrada
Caixa multiestado
Entrada, clique, hover, mouse 
Página
Rolagem
Repetidor (pai)
Entrada, loop, mouse, rolagem
Repetidor (item)
Design AB desativado: todos os tipos de animação
Design AB ativado: clique, hover, mouse. 
Seção
Hover, clique, rolagem
Dica: você também pode adicionar um efeito WebGL a seções com background de mídia  
Botão de compartilhamento
Entrada, hover, mouse
Barra de busca no site
Entrada
Slideshow
Entrada
Barra de redes sociais
Entrada, hover, mouse
Pilha
Todos os tipos de animação
Tabela
Entrada
Abas
Entrada
Texto 
Todos os tipos de animação
Letreiro
Hover (como o elemento gatilho)
Máscara de texto
Todos os tipos de animação
Vídeo transparente
Entrada, mouse, rolagem
Arte vetorial
Todos os tipos de animação
VideoBox
Entrada, mouse, rolagem

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar

Esse artigo foi útil?

|