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

Editor Wix: adicionar e configurar uma interação "Ao passar o mouse"

Neste artigo
  • Etapa 1 | Adicione e faça o design de um elemento
  • Etapa 2 | Acesse o modo ao passar o mouse
  • Etapa 3 | Adicione interações ao passar o mouse ao seu elemento
Dê mais vida às caixas, repetidores e elementos ao adicionar interações ao passar o mouse. Esses são os efeitos que seus visitantes veem ao passar o mouse sobre os elementos que você escolher.
Faça com que seus elementos apareçam ou desapareçam, adicione efeitos e mude as cores ao passar o mouse. Você também pode controlar o tempo de seus efeitos para aumentar seu potencial.
GIF do efeito ao passar o mouse sendo usado no site Wix. Ele mostra uma borboleta batendo as asas

Etapa 1 | Adicione e faça o design de um elemento

As interações ao passar o mouse adicionam movimento e diversão ao seu site. Para começar, adicione uma caixa ou repetidor usando o painel Elementos.
Clique em uma opção abaixo para saber mais sobre como adicionar cada elemento:

Etapa 2 | Acesse o modo ao passar o mouse

Após adicionar e personalizar seu elemento, acesse o modo "Ao passar o mouse" para começar a adicionar interações. É aqui que você controla o que os visitantes veem quando passam o mouse sobre sua caixa ou repetidor.

Para acessar o modo "Ao passar o mouse":

  1. Selecione sua caixa/repetidor no editor.
  2. Dependendo do seu elemento, faça o seguinte para acessar o modo ao passar o mouse:
    • Caixa: clique no ícone Interações .
    • Repetidor: clique em qualquer contêiner no repetidor e selecione o ícone Interações .
  3. Clique em Comece Já.
Dica:
Depois de acessar o modo ao passar o mouse pela primeira vez, você pode alternar entre o modo normal e ao passar o mouse usando as abas na parte superior do elemento.
Captura de tela da caixa no Editor Wix destacando as abas Normal e Interativo.

Etapa 3 | Adicione interações ao passar o mouse ao seu elemento


No modo ao passar o mouse, você pode fazer com que os elementos apareçam ou desapareçam e adicionar efeitos legais. Tudo acontece simultaneamente quando os visitantes passam o mouse sobre sua caixa ou item repetidor.

Escolha o que você quer fazer: