Galeria Pro Wix: personalizar a visualização "ao passar o mouse" na Galeria Pro Wix

Neste artigo

Personalizar a visualização ao passar o mouse
Perguntas frequentes

Dê vida ao seu site e incentive os visitantes a interagir com sua galeria ao aplicar efeitos ao passar o mouse.

Visitantes veem a visualização "ao passar o mouse" quando passam o mouse por um item da galeria sem clicar. Você pode escolher quais elementos aparecem no modo "ao passar o mouse" e qual será a aparência desse efeito.

Animação mostrando ícones da galeria, títulos e descrições que aparecem quando o cursor passa sobre os itens da galeria.

Personalizar a visualização ao passar o mouse

Personalize sua visualização ao passar o mouse ao adicionar uma sobreposição, escolher quais informações e ícones aparecem e aplicar animações de rolagem. As opções de personalização disponíveis dependem do layout da galeria que você escolher.

Para personalizar a exibição "ao passar o mouse":

Vá para o seu editor.
Clique no elemento Galeria Pro na sua página.
Clique em Configurações.
Clique na aba Design.
Escolha quais elementos ao passar o mouse você deseja personalizar:

Sobreposição e ícones

Uma sobreposição fica em cima de uma imagem, isso adiciona um efeito extra quando você passa o mouse sobre ela com o seu cursor. Você pode personalizar esse efeito, assim como todos os ícones que você tem.

Clique em Sobreposição e ícones.
Escolha uma sobreposição e personalize-a usando as opções disponíveis:
- Sobreposição total: a sobreposição cobre todo o item da galeria. Edite as seguintes opções:
  - Gradiente: clique na alavanca para ativar uma sobreposição de gradiente e editar suas opções:
    - Cor e opacidade 1 e 2: clique na caixa de cores relevante para personalizar as cores do gradiente. Em seguida, arraste o slider para ajustar a opacidade das cores.
    - Direção: arraste o slider para ajustar a direção da sobreposição do gradiente.
  - Cor da sobreposição: clique nas caixas de cores para escolher uma cor. Em seguida, arraste o slider para alterar a transparência da sobreposição de cores.
  - Cor do ícone: clique na caixa de cores e selecione uma nova cor para os ícones da galeria.
- Sobreposição parcial: a sobreposição cobre apenas uma parte do item da galeria. Edite as seguintes opções:
  - Definir tamanho em: gerencie o tamanho da sobreposição em porcentagens ou pixels.
  - Tamanho: arraste o slider ou insira um valor para escolher o tamanho da sobreposição.
  - Sobreposição começa em: escolha onde sua sobreposição é posicionada.
  - Preenchimento: arraste o slider para ajustar a quantidade de espaço entre a borda da galeria e sua sobreposição.
  - Gradiente: clique na alavanca para ativar uma sobreposição de gradiente e editar as opções:
    - Cor e opacidade 1 e 2: clique na caixa de cores relevante para personalizar as cores do gradiente. Em seguida, arraste o slider para ajustar a opacidade das cores.
    - Direção do gradiente: arraste o slider para ajustar a direção da sobreposição do gradiente.
  - Cor da sobreposição: clique nas caixas de cores para escolher uma cor. Em seguida, arraste o slider para alterar a transparência da sobreposição de cores.
  - Cor do ícone: clique na caixa de cores e selecione uma nova cor para os ícones da galeria.
Escolha um efeito de sobreposição entre opções disponíveis:
- Sem efeito: a sobreposição não aplica nenhum efeito.
- Aparecer: a sobreposição aparece gradualmente ao passar o mouse.
- Expandir: a sobreposição se expande ao passar o mouse.
- Deslizar: a sobreposição desliza para cima ao passar o mouse.
- Deslizar para a direita: a sobreposição desliza para a direita ao passar o mouse.

Textos

Estilo do item

Animação de rolagem

Captura de tela mostrando a aba de design com opções de sobreposição e ícone destacadas.

Dica:

Enquanto você personaliza a exibição ao passar o mouse, você pode vê-la na galeria Pro no seu editor. Clique em Sair do modo hover para voltar à visualização normal da galeria Pro.

Perguntas frequentes

Clique nas perguntas abaixo para saber mais sobre como personalizar a visualização ao passar o mouse da sua galeria.

Posso fazer com que uma imagem diferente apareça ao passar o mouse sobre um item da galeria?

Posso aplicar um efeito ao passar o mouse em um único item da galeria?

Como faço para desativar um efeito ao passar o mouse?

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

Personalizar a visualização ao passar o mouse
Perguntas frequentes