9,00

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

9,00

  • Une formation vidéo de 26m58s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
CSS, améliorer facilement le visuel des liens d'une barre de nav

ajouter ce cours aux favoris retirer ce cours des favoris

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 :

Table des matières de cette formation CSS (durée : 26m58s)

    • Mettre en place les bases de notre document gratuit 00:05:52
    • Mise en forme générale 00:07:31
    • Mise en place des pseudo éléments 00:08:29
    • Faire fonctionner notre CSS 00:03:34
    • Pour aller plus loin 00:01:32



Formateur : Carl Brison

Carl Brison a publié 230 tutoriels et obtenu une note moyenne de 4,9/5 sur 15 394 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de richardanctil laissé le 14/09/2021
    Dans votre QCM, vous avez interverti Before (avant) et After (après) et çà fausse les réponses. Mais pour le tuto, j'adore, toujours un petit plus.
    "Merci ! Je vais corriger ça tout de suite"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS
  • Que contient le fichier source ?
    Le code source complet de ce tutoriel
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1349 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données