Liens Créatifs
Un lien de soulignement bleu standard fait son travail, mais il oublie de faire impression Dans le web d'aujourd'hui, chaque interaction est une chance de s'engager Le Master Addons Creative Links Element transforme les liens de texte ordinaire en œuvres d'art miniatures Choisissez parmi plus de 2 effets de survol uniques 2 de subtiles transformations de soulignement 3 D dynamiques et appliquez-les à n'importe où dans votre page de destination Style chaque partie de l'effet, contrôlez l'icône et créez une micro-expérience qui fait que cliquer semble frais et intentionnel.
Vaste bibliothèque d'effets Hover
C'est le cœur de l'élément Déplacez-vous au-delà des simples changements de couleur Sélectionnez parmi une liste organisée d'Effets sophistiqués qui se déclenchent en vol stationnaire Vous voulez une diapositive Bottom Line classique ? Une révélation ludique des Trois points ? Un effet dramatique de diapositive 3 D ou de remplissage de texte ? Chaque effet applique une animation CSS distincte au texte du lien et à ses pseudo-éléments, créant tout, des interactions élégantes aux interactions audacieuses Cette bibliothèque vous permet d'ajouter de la personnalité et du polissage à vos menus, à votre table des matières ou à vos listes de fonctionnalités sans écrire une seule ligne de code.
- 22+ effets pré-construits : appliquez instantanément des animations telles que Border Switch, Scale Down, Circle, Cross et Move Up.
- Gamme de styles : Du subtil (Bottom Border Enlarge) au gras (3 D Effect, 2nd Text et Border Reveal Push Out).
- Application facile : sélectionnez un effet dans une configuration complexe dropdown nécessaire pour démarrer.
Styling pour tous les États de liens
Atteindre une conception parfaite en pixellisant chaque composant de l'effet de lien Définissez la Typographie de base, le Link Padding et la Largeur globale Ensuite, plongez profondément dans le style d'état Définissez la Couleur du texte et la Couleur de fond pour Normal et Hover, Crucialement, stylisez les éléments colorés utilisés dans les effets : la Couleur Span BG, Avant la Couleur BG, et Après la Couleur BG. Ceux-ci contrôlent les arrière-plans des pseudo-éléments animés qui alimentent les effets comme les lignes glissantes, les arrière-plans remplis ou les cercles en expansion Ajoutez le Rayon de bordure et l'Ombre de boîte pour compléter le look.
- Conception à double état : contrôlez indépendamment les couleurs et les arrière-plans pour les états Normal et Hover.
- Style des composants d'effet : stylisez directement les arrière-plans Avant, Après et S'étendre qui créent les visuels d'animation.
- Contrôle complet de la typographie : choisissez la police, la taille, le poids et l'espacement du texte du lien.
- Forme & Profondeur : Utilisez Border Radius et Box Shadow pour adoucir ou élever le conteneur du lien.
Foire aux questions pour les liens créatifs
Quelle est la différence entre « Texte de lien » et « Texte de lien alternatif » ?
Le Texte de lien est ce qui est toujours visible par défaut (par exemple, “Nos Services”).Le Texte de lien alternatif est ce qui apparaît ou interagit pendant l'effet de survol Dans des effets comme “Text Fill” ou “Border Switch,” ce texte alternatif pourrait glisser, remplacer, ou animer à côté du texte original, créant un changement dynamique.
Puis-je utiliser ces liens créatifs comme navigation principale de mon site web ?
Absolument ! ils sont parfaits pour les menus d'en-tête, en particulier pour les conceptions de sites minimalistes ou créatives où vous voulez que la navigation elle-même soit une fonctionnalité visuelle Ajoutez simplement chaque élément de menu comme un “Item” distinct dans le répéteur de contenu.
À quoi servent la « Before BG Color » et « After BG Color » ?
Ce sont les ingrédients secrets Les effets de survol CSS les plus avancés utilisent : : avant et : après les pseudo-éléments pour créer les formes animées, les lignes ou les remplissages d'arrière-plan Ces commandes de couleurs vous permettent de styliser directement ces éléments cachés, vous permettant ainsi de faire correspondre les couleurs de l'effet à votre marque Par exemple, dans l'effet Bottom Line Slide, la couleur After BG pourrait contrôler la couleur du soulignement coulissant.
Les effets fonctionnent-ils sur les appareils mobiles (écran tactile) ?
Oui, ils sont entièrement fonctionnels Sur les appareils tactiles, l'effet de survol est généralement déclenché dès le premier clic (l'état de “hover”), et le lien est suivi dès le deuxième clic Il s'agit d'un comportement standard pour les effets de survol sur mobile Vous obtenez le retour d'animation avant que la page ne change.
Comment choisir le bon effet ?
Considérez la personnalité de votre site :
- Professionnel/Entreprise : Utilisez des effets subtils comme Bottom Line Slide ou Border Translate.
- Créatif/Portfolio : optez pour des effets plus audacieux comme une diapositive 3 D, un cercle ou un remplissage de texte.
- Moderne/Minimaliste : Bottom Border Agrandir ou Réduire à l'échelle fonctionne magnifiquement.
Aperçu quelques-uns Le meilleur effet améliore le lien sans se sentir distrayant.
Puis-je appliquer différents effets à différents liens dans le même widget ?
Les captures d'écran montrent une liste déroulante d'effets globale, suggérant que tous les liens d'une instance de widget partagent le même effet choisi Pour avoir des effets différents (par exemple, un lien avec un effet de cercle, un autre avec un effet de diapositive), vous devrez probablement placer plusieurs widgets Creative Link distincts.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
