CSS border hover sur texte
kalmirew
-
SweetRiver Messages postés 102 Date d'inscription Statut Membre Dernière intervention -
SweetRiver Messages postés 102 Date d'inscription Statut Membre Dernière intervention -
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
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Texte barré whatsapp - Guide
- Mettre un texte en majuscule - Guide
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
<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).
@+
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).
@+
onmouseover="this.style.textDecoration='underline';"