CSS border hover sur texte

Fermé
kalmirew - 30 mai 2013 à 15:59
SweetRiver Messages postés 102 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 - 31 mai 2013 à 20:49
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 !


2 réponses

totodunet Messages postés 1377 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 5 mars 2020 199
31 mai 2013 à 15:26
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
0
totodunet Messages postés 1377 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 5 mars 2020 199
31 mai 2013 à 15:29
là c'est pour la bordure du bas, si tu veux souligner :
onmouseover="this.style.textDecoration='underline';"
0
SweetRiver Messages postés 102 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 6
Modifié par SweetRiver le 31/05/2013 à 20:50
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).

@+
0