CSS, améliorer facilement le visuel des liens d'une barre de nav

Dans ce tuto en vdidéo je vous propose de voir comment il est possible de pouvoir améliorer visuellement l'expérience utilisateur en mettant en place une barre horizontale au dessus de chaque lien d'une barre de navigation, lorsque le pointer de la souris passe sur ces liens.

Pour mettre en place cette petite animation sympathique, nous allons utiliser exclusivement le langage CSS et notamment les pseudo éléments.
Grâce à nos connaissances dans la bonne exploitation du langage CSS, nous allons pouvoir effectuer cette petite animation en quelques lignes de codes CSS.
Un petite QCM vous permettra de valider vos connaissances.

Pour bien asseoir ses connaissances en CSS, je vous propose ensuite d'enchaîner sur les tutos suivants :

• Flexbox : mise en page flexible en CSS
• CSS Avancé : Comprendre les pseudos éléments