Editor Wix: adicionar efeitos de mouse
3 min de leitura
Neste artigo
- Adicionar um efeito de mouse a um elemento
- Personalizar um efeito de mouse
- Remover um efeito de mouse
Torne seu design mais atraente com efeitos de mouse cativantes. Adicione um efeito de mouse a um elemento que você deseja destacar. O movimento do cursor do visitante aciona o efeito automaticamente.
Oferecemos muitos efeitos diferentes que você pode ajustar no seu site, como os que você vê abaixo.
![Exemplos de diferentes efeitos de mouse que você pode adicionar a um elemento no Editor do Wix Studio](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/02/04/e82d136c-563d-4ab1-834a-54c036f493c4/30f1b516-5844-4656-ae31-fe8c704306cc.gif)
Observação:
Como esses efeitos exigem um cursor de mouse, eles não serão reproduzidos em dispositivos com tela touch (por exemplo: celulares, tablets, etc.)
Adicionar um efeito de mouse a um elemento
Selecione o elemento que deseja animar e escolha um dos nossos efeitos de mouse.
Para adicionar um efeito de mouse:
- Vá para o seu editor.
- Selecione o elemento relevante.
- Clique no ícone Animação
.
- Clique em Mouse.
- Selecione um dos efeitos da coleção.
- (Opcional) Clique em Personalizar para personalizar configurações como direção, distância e easing.
![O painel Adicionar animação no Editor Wix, mostrando os efeitos do mouse disponíveis](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/14/95738acb-3ef4-404c-abbc-8dfba513cef3/145ce0fd-9347-44f4-864e-7285afe91acf.png)
Personalizar um efeito de mouse
Após escolher um efeito de mouse, configure-o para se comportar da maneira que você deseja. Torne o efeito mais sutil ou visível ao personalizar configurações como distância, direção, velocidade, easing e outras.
Observação:
As opções de personalização disponíveis dependem do efeito que você escolher.
Para personalizar um efeito de mouse:
- Vá para o seu editor.
- Selecione o elemento relevante.
- Clique no ícone Animação
.
- Clique em Mouse.
- Selecione um dos efeitos da coleção.
- Clique em Personalizar para personalizar suas configurações:
- Estilo de movimento: selecione a intensidade do movimento, como suave ou moderado.
- Direção: decida se a animação deve acompanhar ou ser oposta ao mouse.
- Acompanha o mouse: faz com que o elemento siga o movimento do cursor do mouse.
- Oposta ao mouse: faz com que o elemento se mova na direção oposta ao mouse. Por exemplo, se o mouse for movido para cima, o elemento será movido para baixo.
- Velocidade: arraste o slider para alterar a velocidade do efeito: quanto menor o número, mais rápido o efeito.
![Uma captura de tela do painel de personalização de efeitos do mouse.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/01/20/7a01b087-7f16-4f06-94cb-a5580bf2724f/2b5824e3-7d17-4ba6-ba72-344cf34c2dec.jpg)
Dica:
Clique no ícone Visualizar ao mover o mouse
para ver o efeito na tela sem precisar visualizar o site.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/01/20/c8998423-c107-4bac-9bcb-7eb80e09bd9e/5232d98a-4f39-423a-96cb-d150e7afc624.jpg)
Remover um efeito de mouse
Você pode remover um efeito de mouse a qualquer momento no painel de animação.
Para remover um efeito do mouse:
- Vá para o seu editor.
- Selecione o elemento relevante.
- Clique no ícone Animação
.
- Clique em Mouse.
- Selecione Nenhuma.
![O painel Adicionar animação no Editor Wix, destacando a opção para clicar em](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/14/1652b0be-1e6c-4b87-b433-e060b463a9db/68919798-ca67-498f-849e-b9016008819a.png)