Elementor Creative Link Hover Efeitos
O widget Master Addons Creative Links transforma um link de texto em um link animado com um efeito hover É gratuito e tem 22 efeitos: 10 funcionam no plugin gratuito e 12 precisam Master Addons Pro. Adicione o texto do link, um ícone opcional e a URL, escolha um efeito e depois colorir as partes da animação. Use-o para chamadas à ação dentro de uma seção, links de rodapé ou uma pequena lista de links.
Como adicionar efeitos de link Hover no elementor
Você precisa Elementor e o plugin Master Addons gratuito Cada widget contém um link Aqui está um detalhe documentação sobre elemento de links criativos.
- Verifique se os Links Criativos estão ativados em Complementos mestres, widgets.
- No editor Elementor, procure por Links Criativos e arraste-o para a página.
- Digite o texto do link e o URL do link.
- Escolha um efeito em Efeitos, e adicione um ícone ou Texto de Link Alternativo se o efeito usar um.
- Na guia Estilo, defina tipografia, preenchimento e as cores Normal e Hover.
- Duplique o widget para cada link extra que você precisa.
22 efeitos de passagem de link (10 grátis, 12 profissionais)
Escolha a animação no Efeitos dropdown. efeitos livres: Brackets, Slide de linha inferior, borda inferior Ampliar, 2nd Border Slide Up, preenchimento de texto, três pontos, escala para baixo, mover para cima, efeito 21 e efeito 22. efeitos Pro: 3 D Effect, Slide In, Border Slide Down, Border Translate, 2nd Text and Border, Reveal Push Out, Circle, Border Switch, Fall Down, Cross, 3 D Slide e 3 D Slide Down.
- Cada efeito é CSS simples no link e suas camadas:: antes e:: depois.
- Move Up, Reveal Push Out, Cross e os efeitos 3 D Slide mostram o Texto de Link Alternativo no hover.
- Revelar Empurre para fora, Preencher texto, Escalar para baixo, Cair para baixo e Mover para cima não mostrar o ícone.
Estile o link e suas camadas de animação
Estilos de link abrange largura, tamanho do ícone, tipografia, preenchimento de links, borda, raio da borda e sombra da caixa As guias Normal e Hover definem a cor do texto e a cor de fundo, além das cores das camadas que os efeitos animam: Cor BG frontal (Cor BG traseira no hover), Antes da cor BG e Depois da cor BG. A cor de preenchimento de texto aparece quando você escolhe o efeito Preenchimento de texto.
- As cores Normal e Hover são definidas separadamente.
- Antes e Depois BG As cores controlam as linhas, suportes e preenchimentos que se movem.
- Largura, preenchimento e alinhamento são responsivos.
Opções de passagem de elementor versus links criativos
Elementor tem animações hover no widget Button, e Elementor Pro tem animações de ponteiro no widget Nav Menu Aqui é onde cada um se encaixa.
| Precisa | Botão Elementor | Menu Elementor Pro Nav | Master Addons Links Criativos |
|---|---|---|---|
| O que anima | O botão inteiro (crescer, pulsar, flutuar, oscilar e outros) | Itens de menu com sublinhado, overline, enquadrado, fundo ou ponteiros de texto | Um único link de texto com linhas, colchetes, preenchimentos ou flips 3 D |
| Número de efeitos | Uma lista de animações de hover para o botão inteiro | 6 tipos de ponteiro com suas próprias animações | 10 grátis, 22 com Pro |
| Trocar texto no hover | Não | Não | Sim, com Texto de Link Alternativo em alguns efeitos |
| Funciona para um menu completo | Não | Sim, com dropdowns e um toggle móvel | Não, um link por widget |
| Custo | Grátis | Elementor Pro | Grátis, 12 efeitos em Pro |
Para um menu de navegação completo, o Menu Elementor Pro Nav ou os Complementos Master Menu Navegação é o melhor ajuste Para botões com efeitos de hover, veja Botão Criativo.
Perguntas frequentes para links criativos
Qual é a diferença entre "Link Text" e "Alternative Link Text"?
Texto de ligação é o rótulo visível Texto de ligação alternativa é o rótulo que desliza ou vira no hover com Reveal Push Out, Move Up, Cross, 3 D Slide e 3 D Slide Down Se você deixá-lo vazio, esses efeitos reutilizam o Texto de Preenchimento, Escala para baixo e Queda sempre usar o Texto de ligação.
O widget Creative Links é gratuito?
Sim. Creative Links está no plugin Master Addons gratuito com 10 efeitos e todos os controles de estilo Master Addons Pro adiciona 12 efeitos, incluindo 3 D Effect, Circle, Border Switch e os efeitos 3 D Slide.
Para que servem o "Before BG Color" e o "After BG Color"?
A maioria dos efeitos desenha suas linhas, colchetes e preenche com as camadas :: antes e:: depois do link Antes da cor BG e depois da cor BG definir a cor dessas camadas, nas guias Normal e Hover Qual camada desenha o que depende do efeito, então mude uma cor e assista à visualização.
Os efeitos funcionam em dispositivos móveis (tela sensível ao toque)?
Telefones e tablets não têm hover A maioria dos navegadores móveis aplicam o estilo hover por um momento quando o link é tocado e depois o abrem, para que os visitantes possam ver apenas um breve flash do efeito O link em si funciona normalmente.
Como escolho o efeito certo?
Combine o efeito com o local onde fica o link O slide do resultado final, o aumento da borda inferior e os colchetes são silenciosos o suficiente para o corpo do texto e os rodapés Preenchimento de texto, Mover para cima e Três pontos chamam mais atenção e se adequam a uma única chamada à ação Experimente alguns na visualização do editor antes de decidir.
Posso aplicar efeitos diferentes a links diferentes no mesmo widget?
Cada widget Creative Links contém um link com um efeito. Para vários links, adicione um widget por link e escolha o efeito em cada um. Duplique um widget de estilo para manter as cores iguais.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
![Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de postagem/página
