Os botões e links em um site desempenham um papel crucial, fornecendo aos usuários caminhos claros e intuitivos para navegar, interagir e acessar as informações ou serviços desejados.
Neste artigo:
Você pode gerenciar o estilo dos botões e links a partir do Design (1) seção.
Quando estiver dentro da seção Design, clique em Botões e links (2) aba.
Alternativamente, você também pode usar a opção de pesquisa do estúdio.
- Entrar botões (1) na barra de pesquisa.
- Nos resultados relacionados, clique no botão Botões e links opção 2).
botões
Os botões são elementos interativos projetados para estimular ações do usuário. Eles são visualmente mais proeminentes e têm formatos que os destacam.
Os botões são comumente usados para ações como enviar formulários, acionar funções específicas, etc. A partir daqui, você pode:
- Estilo: Defina o estilo dos botões para serem sólidos, com contorno ou um link de texto.
- Shape: Escolha aqui o formato dos botões do seu site. Os formatos disponíveis são quadrado, arredondado e em formato de pílula.
- Ícone: Defina o ícone que aparecerá sobre o botão.
- Acolchoamento vertical: Defina o espaçamento vertical entre o texto do botão e as bordas do botão.
- Laterais acolchoadas: Defina o espaçamento horizontal entre o texto do botão e as bordas do botão.
- Animação: Escolha a animação que aparecerá quando o cursor passar sobre o botão.
Botões de formatos diferentes:
Lista de opções de animação que você pode escolher para os botões.
- Desvaneça: O botão irá passar de opaco para translúcido.
- Crescer: O tamanho do botão aumentará conforme o cursor for posicionado sobre ele.
- Encolher: O tamanho do botão diminuirá ao posicionar o cursor sobre ele.
- Deslize para a direita: A animação ocorrerá horizontalmente, cobrindo todo o botão da esquerda para a direita.
- Deslize para cima: A animação ocorrerá verticalmente, cobrindo todo o botão de baixo para cima.
- Revelação Sublinhada: Uma linha aparecerá gradualmente na borda inferior do botão.
- Sublinhe da esquerda para a direita: Uma linha aparecerá gradualmente na borda inferior do botão, da esquerda para a direita.
- Revelação da linha superior: Uma linha aparecerá gradualmente na borda superior do botão.
- Linha superior da esquerda: Uma linha aparecerá gradualmente na borda superior do botão, da esquerda para a direita.
Observação: As animações ocorrerão somente quando o cursor estiver posicionado sobre o botão.
Ligações
Os links são elementos nos quais os usuários podem clicar para navegar até outra página ou seção.
Geralmente, são sublinhados ou exibidos em uma cor diferente para indicar que são clicáveis.
- Sublinhado: Escolha se deseja exibir o sublinhado permanentemente, ao passar o cursor sobre ele ou desativá-lo completamente.
