CSS border hover sur texte
Bonjour,
Je cherche à faire un hover sur ma navigation et que le border du bas s'affiche progressivement dans une couleur donnée. J'ai trouvé beaucoup de tuto, mais rien là dessus.
Pour exemple, si ma description n'est pas assez claire, je cherche à faire ce qu'on retrouve sur le site d'Arte (www.arte.tv). Voir les images plus bas dans la page d'accueil qui se soulignent progressivement lors du hover. Je souhaite faire pareil mais avec du texte !
Merci par avance !
Je cherche à faire un hover sur ma navigation et que le border du bas s'affiche progressivement dans une couleur donnée. J'ai trouvé beaucoup de tuto, mais rien là dessus.
Pour exemple, si ma description n'est pas assez claire, je cherche à faire ce qu'on retrouve sur le site d'Arte (www.arte.tv). Voir les images plus bas dans la page d'accueil qui se soulignent progressivement lors du hover. Je souhaite faire pareil mais avec du texte !
Merci par avance !
2 réponses
-
je te conseille d'utiliser du javascript et l'attribut onmouseover
<p id="texte1" onmouseover="this.style.borderBottom='solid 1px black';">Mon paragraphe</p>
par contre pour que la bordure défile progressivement je ne sais pas. peut-être avec du jQuery probablement
-
Bonsoir,
Tu peux faire cet effet sur du texte juste en CSS3.
Rien que pour toi, je viens de légèrement modifier ma page 404 pour faire un effet similaire.
Lien :
soslignes-ecrivain-public.fr/pagebidon
Essaie et si cela correspond à tes attentes, vois la structure du HTML, du CSS et intéresse toi aux classes .title404 et .thumb (Désolé, ce n'est pas évident à expliquer en 2 min).
@+
