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. Crie o seu site
  3. Use o Editor Wix
  4. Use efeitos e animações
  5. Editor Wix: adicionar efeitos de rolagem aos backgrounds de imagem

Editor Wix: adicionar efeitos de rolagem aos backgrounds de imagem

Neste artigo
  • Adicionar rolagem parallax a uma imagem de background
  • Adicionar o efeito de rolagem Congelar à sua imagem de background
Adicione profundidade ao seu site adicionando efeitos de rolagem aos backgrounds da imagem.
A rolagem em segundo plano cria um efeito divertido e único enquanto os visitantes navegam pelo seu site, e você pode aplicar congelamento ou parallax para combinar com a aparência e o conteúdo do seu site.
Importante:
Você só pode ver os efeitos de rolagem na visualização ou no seu site online. A forma como ele é exibido dentro do editor não é como ele aparece no site online.

Adicionar rolagem parallax a uma imagem de background

A rolagem parallax em imagens de background cria uma sensação de profundidade e camadas no seu site.
O background e o conteúdo da sua página se movem em diferentes velocidades, criando uma experiência legal e divertida para seus visitantes.
Importante:
A rolagem parallax não é exibida na versão mobile do seu site.

Para adicionar um efeito parallax:

  1. Vá para a página relevante no seu editor. 
  2. Clique em Design  no lado esquerdo do editor.
  3. Passe o mouse sobre Background da página e clique em Personalizar.
  4. Clique em Configurações  na visualização da imagem de background.
  5. Selecione Rolagem Parallax em Efeitos de rolagem.
GIF mostrando um site Wix com rolagem parallax no background da imagem.
Observação:
Como esse efeito requer que a imagem preencha a página inteira, recomendamos o uso de imagens grandes e de alta qualidade para o background da sua página.

Adicionar o efeito de rolagem Congelar à sua imagem de background

Adicione um efeito para congelar a imagem de background da sua página. Isso significa que o background da sua página não se move enquanto os visitantes rolam para cima e para baixo, mas o conteúdo na parte superior sim.
Congelar é o efeito perfeito para tornar as páginas do seu site sofisticadas e dinâmicas e incentivar seus visitantes a continuar explorando.

Para adicionar o efeito Congelar

  1. Vá para a página relevante no seu editor. 
  2. Clique em Design  no lado esquerdo do editor.
  3. Passe o mouse sobre Background da página e clique em Personalizar.
  4. Clique em Configurações  na visualização da imagem de background.
  5. Selecione Congelar em Efeitos de rolagem.
GIF mostrando um site Wix ao vivo com rolagem do tipo Congelar no background da imagem.

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 rolagem parallax a uma imagem de background
  • Adicionar o efeito de rolagem Congelar à sua imagem de background

Esse artigo foi útil?

|