Links Criativos
Um link underline azul padrão faz o seu trabalho, mas esquece-se de causar uma impressão Na web de hoje, toda interação é uma chance de se envolver Master Addons Creative Links Element transforma links comuns em miniatura obras de arte Escolha entre mais de 2 efeitos hover únicos 2 de slides sublinhados sutis para transformações dinâmicas 3 D e aplique-os em qualquer lugar em sua página de destino Estile cada parte do efeito, controle o ícone e crie uma micro-experiência que faz clicar parecer fresco e intencional.
Extensa biblioteca de efeitos de hover
Este é o coração do elemento. Vá além de simples mudanças de cor Selecione a partir de uma lista selecionada de efeitos sofisticados que são acionados no hover Quer um slide clássico de linha inferior? um brincalhão Três pontos revelam? um dramático Slide 3 D ou efeito de preenchimento de texto? cada efeito aplica uma animação CSS distinta ao texto do link e seus pseudo-elementos, criando desde interações elegantes a ousadas Esta biblioteca permite adicionar personalidade e polimento aos seus menus, índice ou listas de recursos sem escrever uma única linha de código.
- Mais de 22 efeitos pré-construídos: aplique instantaneamente animações como Border Switch, Scale Down, Circle, Cross e Move Up.
- Gama de Estilos: De sutil (Borda Inampliada Inferior) a negrito (Efeito 3 D, 2° Texto e Border Reveal Push Out).
- Aplicação fácil: a partir de um dropdown Selecione uma configuração complexa necessária para iniciar.
Estilo para todos os estados do link
Obtenha um design perfeito em pixels estilizando cada componente do efeito de link Defina a tipografia básica, o preenchimento de links e a largura geral Em seguida, mergulhe profundamente no estilo de estado Defina a cor do texto e a cor de fundo para o normal e o Hover Crucialmente, estilize os elementos coloridos usados nos efeitos: o Span BG Color, o Before BG Color e o After BG Color. Eles controlam os fundos dos pseudoelementos animados que alimentam efeitos como linhas deslizantes, fundos preenchidos ou círculos em expansão Adicione o Raio de Fronteira e o Box Shadow para completar o visual.
- Design de estado duplo: controle cores e fundos de forma independente para os estados Normal e Hover.
- Estilo de componentes de efeito: Estile diretamente os fundos Antes, Depois e Span que criam os visuais da animação.
- Controle completo de tipografia: escolha fonte, tamanho, peso e espaçamento para o texto do link.
- Forma & Profundidade: Use Border Radius e Box Shadow para suavizar ou elevar o recipiente do link.
Perguntas frequentes para links criativos
Qual é a diferença entre "Link Text" e "Alternative Link Text"?
O Texto de Link é o que é sempre visível por padrão (por exemplo, “Our Services”) O Texto de Link Alternativo é o que aparece ou interage durante o efeito hover Em efeitos como “Text Fill” ou “Border Switch,” este texto alternativo pode deslizar, substituir ou animar ao lado do texto original, criando uma mudança dinâmica.
Posso usar esses links criativos como a principal navegação do meu site?
Absolutamente! são perfeitos para menus de cabeçalho, especialmente para designs de sites minimalistas ou criativos, onde você deseja que a navegação em si seja um recurso visual Basta adicionar cada item de menu como um “Item” separado no repetidor de Conteúdo.
Para que servem o "Before BG Color" e o "After BG Color"?
Estes são os ingredientes secretos Os efeitos de hover CSS mais avançados usam:: antes e:: depois de pseudo-elementos para criar as formas animadas, linhas ou preenchimentos de fundo Esses controles de cores permitem estilizar diretamente esses elementos ocultos, permitindo combinar as cores do efeito com sua marca Por exemplo, no efeito Bottom Line Slide, a After BG Color pode controlar a cor do sublinhado deslizante.
Os efeitos funcionam em dispositivos móveis (tela sensível ao toque)?
Sim, eles são totalmente funcionais Em dispositivos de toque, o efeito hover é normalmente acionado no primeiro toque (o estado “hover”), e o link é seguido no segundo toque Este é o comportamento padrão para efeitos de hover no celular Você obtém o feedback da animação antes que a página mude.
Como escolho o efeito certo?
Considere a personalidade do seu site:
- Profissional/Corporativo: Use efeitos sutis como Bottom Line Slide ou Border Translate.
- Criativo/Portfólio: Vá para efeitos mais ousados, como 3 D Slide, Circle, ou Text Fill.
- Moderno/Minimalista: Bottom Border Ampliar ou Escalar para baixo funcionam lindamente.
Visualize alguns (o melhor efeito), o melhor efeito melhora o link sem se sentir perturbador.
Posso aplicar efeitos diferentes a links diferentes no mesmo widget?
As capturas de tela mostram um dropdown global de Efeitos, sugerindo que todos os links em uma instância de widget compartilham o mesmo efeito escolhido. Para ter efeitos diferentes (por exemplo, um link com efeito de círculo, outro com efeito de slide), provavelmente você precisaria colocar vários widgets de Link Criativo separados.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
