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
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 !
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 !
A voir également:
- CSS border hover sur texte
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Excel cellule couleur si condition texte - Guide
- Transcription audio en texte word gratuit - Guide
- Mettre un texte en majuscule - Guide
- Texte barré whatsapp - Guide
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
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
<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
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
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).
@+
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).
@+
31 mai 2013 à 15:29
onmouseover="this.style.textDecoration='underline';"