Sur un site, avoir de beaux effets au passage de la souris sur un lien est une pratique assez commune. Underline Generator est, comme son nom l'indique, un générateur de code CSS pour le soulignement d'un lien HTML.
On ne peut pas faire plus simple ! Underline Generator vous propose de générer à votre place le code CSS à intégrer pour réaliser une animation du soulignement lors du passage de la souris sur un lien.
Vous n'avez qu'à choisir la couleur du trait de soulignement parmi la palette proposée, sa position de départ et sa hauteur.
Pour obtenir le code CSS généré par Underline Generator, cliquez simplement sur le bouton à droite. Le code sera dans votre presse-papier.
.fancy-underline {
background-image: linear-gradient(120deg, #ec008c,#fc6767 100%);
background-repeat: no-repeat;
background-size: 100% 0.3em;
background-position: 0 80%;
transition: background-size 0.25s ease-in;
}
.fancy-underline:hover {
background-size: 100% 88% !important;
}
Le code de Underline Generator est disponible sur son dépôt Github.