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 e personalizar máscaras de texto

Editor Wix: adicionar e personalizar máscaras de texto

Neste artigo
  • Adicionar um elemento de máscara de texto
  • Alterar o texto em uma máscara de texto
  • Redimensionar um elemento de máscara de texto
  • Fazer o design do elemento de máscara de texto
As máscaras de texto são uma ótima ferramenta para textos curtos que devem chamar a atenção dos seus visitantes. Elas oferecem a capacidade de exibir uma imagem, vídeo ou gradiente dentro para que seu texto se destaque na página. 
Gif de uma máscara sobre uma floresta em um texto dizendo

Adicionar um elemento de máscara de texto

Vamos começar adicionando um elemento de máscara de texto ao seu site. 
Prática recomendada:
Recomendamos adicionar até 10 máscaras de texto por página, para garantir o melhor desempenho do site no mobile.

Para adicionar um elemento de máscara de texto:

  1. Abra a página relevante no seu editor.
  2. Clique em Elementos .
  3. Clique em Texto. 
  4. Clique em Máscara de texto.
  5. Arraste um design de máscara de texto que você gosta para sua página.
    Dica: alguns dos nossos designs incluem um background de vídeo. Passe o mouse sobre um design para vê-lo em ação. 
Uma captura de tela mostrando o painel Elementos no Editor e a opção de adicionar uma máscara de texto ao seu site.

Alterar o texto em uma máscara de texto

Após adicionar seu elemento de máscara de texto, você pode começar a personalizá-lo. Primeiro, vamos alterar o texto.

Para alterar o texto:

  1. Clique no elemento de máscara de texto no Editor.
  2. Clique em Alterar texto.
  3. Insira seu texto em Adicione seu próprio texto.
    Observação: o texto é salvo automaticamente.
Uma captura de tela mostrando uma máscara de texto em destaque, mostrando a opção de alterar o texto.

Redimensionar um elemento de máscara de texto

Em seguida, redimensione o elemento de máscara de texto para que ele se encaixe perfeitamente na sua página. 

Para redimensionar uma máscara de texto:

  1. Clique no elemento no seu editor. 
  2. Arraste as alças ao redor do elemento para aumentar o diminuir.
Um GIF mostrando o movimento das alças ao redor do elemento. Elas estão se movendo para dentro e para fora para mostrar a mudança de tamanho.

Fazer o design do elemento de máscara de texto

Por fim, dê um toque especial à sua máscara de texto, alterando o design. 

Para personalizar uma máscara de texto:

  1. Clique no elemento de máscara de texto no seu editor.
  2. Clique no ícone Design .
  3. Escolha como deseja fazer o design da sua máscara de texto:

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 um elemento de máscara de texto
  • Alterar o texto em uma máscara de texto
  • Redimensionar um elemento de máscara de texto
  • Fazer o design do elemento de máscara de texto

Esse artigo foi útil?

|